vue pages 多入口项目 + chainWebpack 全局引用缩写

项目结构

├── node_modules               # 项目依赖包目录
├── build                      # 项目 webpack 功能目录
├── config                     # 项目配置项文件夹
├── src                        # 前端资源目录
│   ├── images                 # 图片目录
│   ├── components             # 公共组件目录
│   ├── pages                  # 页面目录
│   │   ├── page1              # page1 目录
│   │   │   ├── components     # page1 组件目录
│   │   │   ├── router         # page1 路由目录
│   │   │   ├── views          # page1 页面目录
│   │   │   ├── page1.html     # page1 html 模板
│   │   │   ├── page1.vue      # page1 vue 配置文件
│   │   │   └── page1.js       # page1 入口文件
│   │   ├── page2              # page2 目录
│   │   └── index              # index 目录
│   ├── common                 # 公共方法目录
│   └── store                  # 状态管理 store 目录
├── .gitignore                 # git 忽略文件
├── .env                       # 全局环境配置文件
├── .env.dev                   # 开发环境配置文件
├── .postcssrc.js              # postcss 配置文件
├── babel.config.js            # babel 配置文件
├── package.json               # 包管理文件
├── vue.config.js              # CLI 配置文件
└── yarn.lock                  # yarn 依赖信息文件

vue config.js 配置

pages: {
        page1: {
            entry: "src/pages/page1/main.js",
            template: "public/index.html",
            filename: "index.html",
            title: "page1",
            chunks: ["chunk-vendors", "chunk-common", "page1"]
        },
        page2: {
            entry: "src/pages/page1/main.js",
            template: "public/index.html",
            filename: "page2.html",
            title: "page2",
            chunks: ["chunk-vendors", "chunk-common", "page2"]
        },
    },
    

需要默认打开某个项目时只需要 filename 设置为 index.html 即可，否则需要 通过详细 url 进入对应项目

										*如果有其他技术方案欢迎留言指正*

chainWebpack 全局引用缩写

chainWebpack: config => {
        config.resolve.alias
            .set("@", resolve("src")) // key,value自行定义，比如.set('@@', resolve('src/components'))
            .set("_c", resolve("src/components"))
            .set("_js", resolve("src/assets/js"));
    },