vue配置@路径

第一步:安装path,如果node_module文件夹中有path就不用安装了
安装命令:npm install path --save
vue配置@路径_第1张图片
第二步:在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"));
  },
}

第三步:使用
在这里插入图片描述

你可能感兴趣的:(vue学习记录,vue.js,javascript,前端)