在vue项目中配置@指向src

104 阅读 0 评论 69 点赞

我是靠谱客的博主如意猎豹，这篇文章主要介绍在vue项目中配置@指向src，现在分享给大家，希望可以做个参考。

第一张方法

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

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//安装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"));
  },
}

第二种方法

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

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