uni-app 設置路徑別名

一、 vue 創建配置文件 vue.config.js  uni-app官方文檔

支持情況

• CLI 工程
• HBuilderX 2.1.5 及以上版本

注意事項

部分配置項會被編譯配置覆蓋，例如：

• publicPath 不支持，如果需要配置，請在 manifest.json->h5->router->base 中配置，參考文檔：h5-router
• outputDir 不支持
• assetsDir 固定 static
• pages 不支持
• runtimeCompiler 固定 false
• productionSourceMap 固定 false
• css.extract H5 平臺固定 false，其他平臺固定 true
• parallel 固定 false

"use strict";
const path = require("path");

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

const name = "項目名稱";

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

根據自己項目設置路徑別名