vue使用@引入路径

下载 path

npm install path

vue.config.js 配置

//首先引入
const path = require("path");
function resolve(dir) {
    return path.join(__dirname, dir);
}
//configureWebpack 配置
module.exports = {
    devServer: {
        disableHostCheck: true,
        open:true, //运行打开浏览器
        port: 8888, // 端口号
        overlay: {
            warnings: false, //不显示警告
            errors: false	//不显示错误
        }
    },
    configureWebpack: { //这块是最主要的 @ 将代表src
        resolve: {
            alias: {
                '@': resolve('src')
            }
        }
    },
    lintOnSave:false
};

解决 @ 引入不能点击问题 修改idea配置

将此项改为自动