在vue项目中配置@指向src

第一张方法

小编是在项目的vue.config.js中配置的，代码如下图所示：

//安装path模块
const path = require("path");
function resolve(dir) {
  return path.join(__dirname, dir);
}
module.exports={
	devServer:{},
	chainWebpack: (config) => {
    config.resolve.alias
      .set("@", resolve("src"))
      .set("@u", resolve("src/utils"));
  },
}

第二种方法

const path = require("path");

function resolve(dir) {
  return path.join(__dirname, dir);
}


module.exports = {
  lintOnSave: process.env.NODE_ENV === "development",
  configureWebpack: {
    name: name,
    resolve: {
      alias: {
        "@": resolve("src"),
        "@i": resolve("src/api"),
        "@c": resolve("src/components"),
        "@v": resolve("src/pages"),
        "@s": resolve("src/static"),
        "@u": resolve("src/utils")
      }
    }
  }
};

最后

以上就是如意猎豹为你收集整理的在vue项目中配置@指向src的全部内容，希望文章能够帮你解决在vue项目中配置@指向src所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。