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