vue配置@路径

第一步：安装path，如果node_module文件夹中有path就不用安装了
安装命令：npm install path --save

第二步：在vue.config.js文件（如果没有就新建）中配置

const path = require("path");
function resolve(dir) {
  return path.join(__dirname, dir);
} 
module.exports = {
  chainWebpack: config => {
    config.resolve.alias
      .set("@", resolve("src"))
      .set("assets", resolve("src/assets"))
      .set("components", resolve("src/components"))
      .set("public", resolve("public"));
  },
}
1
2
3
4
5
6
7
8
9
10
11
12
13

第三步：使用