鍍金池/ 問答/HTML/ vue.config.js 配置無效?

vue.config.js 配置無效?

vue.config.js 位于根目錄下
使用vue-cli3構建的項目

const path = require("path");
function resolve(dir) {
    return path.join(__dirname, dir);
}
module.exports = {
    lintOnSave: true,
    // 生產環(huán)境是否生成 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'

請問這該怎么辦?

回答
編輯回答
別逞強

...寫錯了
正確寫法:

const path = require("path");
function resolve(dir) {
    return path.join(__dirname, dir);
}
module.exports = {
    lintOnSave: true,
    // 生產環(huán)境是否生成 sourceMap 文件
    productionSourceMap: false,
    // 開啟 CSS source maps?
    css:{
        sourceMap: false,
    },
    chainWebpack: config => {
        config.resolve.alias
            .set("@", resolve("src"))
            .set("utils", resolve("src/utils"));
    }
};
2017年5月11日 06:05