vue 使用 cross-env 多页面多模块分模块打包
时间: 2023-12-09 21:17:55 浏览: 72
深入浅析vue中cross-env的使用
在Vue多页面多模块分模块打包的过程中,可以使用cross-env来解决在不同操作系统下设置环境变量的问题。cross-env可以让我们在命令行中设置环境变量,而不需要考虑不同操作系统下的语法差异。
下面是一个简单的示例:
1. 在package.json中,设置不同的命令行参数:
```
{
"scripts": {
"build:module1": "cross-env APP_ENV=module1 webpack --config ./build/module1/webpack.config.js",
"build:module2": "cross-env APP_ENV=module2 webpack --config ./build/module2/webpack.config.js"
}
}
```
在这里,我们设置了两个不同的命令行参数,分别对应着两个不同的模块。
2. 在webpack配置文件中,读取命令行参数并根据参数加载不同的配置文件:
```
const appEnv = process.env.APP_ENV;
const webpackConfig = appEnv === 'module1'
? require('./build/module1/webpack.config.js')
: require('./build/module2/webpack.config.js');
module.exports = webpackConfig;
```
在这里,我们通过读取命令行参数来判断要加载哪个模块的webpack配置文件。
这样就可以使用cross-env来设置环境变量,从而实现多页面多模块分模块打包。
阅读全文