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

根据自己项目设置路径别名