vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue配置@路径

vue配置@路径实现方式

作者:以对_

文章介绍了在Vue项目中使用path模块的步骤,首先检查项目中是否已经存在node_modules文件夹中的path模块,如果不存在则需要通过安装命令进行安装,其次,在项目的vue.config.js文件中进行相应的配置,最后,详细说明了如何使用path模块

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"));
  },
}

第三步:使用

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文