vue.config.js 配置无效？

Question

vue.config.js 位于根目录下
使用vue-cli3构建的项目

const path = require("path");function resolve(dir) {    return path.join(__dirname, dir);
}module.exports = {    lintOnSave: true,    // 生产环境是否生成 sourceMap 文件
    productionSourceMap: false,    // 开启 CSS source maps?
    sourceMap: false,    chainWebpack: config => {
        config.resolve.alias
            .set("@", resolve("src"))
            .set("utils", resolve("src/utils"));
    }
};

组件中引用

import { toggleFullscreen } from "utils/fullScreen";

报错

Module not found: Error: Can't resolve 'utils/fullScreen' in 'E:\Projects\***\src\components'

请问这该怎么办？

Answer 1

...写错了正确写法：const path = require("path");function resolve(dir) {    return path.join(__dirname, dir); }module.exports = {    lintOnSave: true,    // 生产环境是否生成 sourceMap 文件     productionSourceMap: false,    // 开启 CSS source maps?     css:{        sourceMap: false,     },    chainWebpack: config => {         config.resolve.alias             .set("@", resolve("src"))             .set("utils", resolve("src/utils"));     } };