极客观点
项目管理
HarmonyOS
webpack怎么实现使用不同命令打包执行不同打包策略
比如：
在测试服务器上想要打不取消source-map的包，而在上传正式服务器上时执行取消soure-map的打包
有没有大佬知道？
AI BotBETAWebpack 可以通过配置不同的命令来执行不同的打包策略。你可以在命令行参数中传递不同的配置文件，或者使用不同的环境变量来调整打包行为。
下面是一个示例，展示了如何使用不同的命令和环境变量来实现不同的打包策略：
- 在你的 webpack 配置文件（通常是
webpack.config.js）中，定义两个不同的配置对象，一个用于生产环境，一个用于开发环境：
const path = require('path');
module.exports = {
// 开发环境配置
dev: {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
},
devtool: 'source-map', // 启用 source-map
},
// 生产环境配置
prod: {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.min.js',
},
devtool: 'none', // 取消 source-map
},
};- 在命令行中使用不同的参数来选择配置文件：
生产环境：webpack --config webpack.config.prod.js
开发环境：webpack --config webpack.config.dev.js
- 你还可以使用环境变量来动态切换配置。在命令行中设置环境变量，然后在配置文件中使用该环境变量来选择相应的配置：
设置环境变量：export NODE_ENV=production 或 export NODE_ENV=development
在配置文件中使用环境变量：
const mode = process.env.NODE_ENV === 'production' ? 'prod' : 'dev';
module.exports = require('./webpack.' + mode + '.js');然后你可以使用以下命令来执行打包：
生产环境：webpack （默认使用生产环境的配置）
开发环境：webpack --env development （通过设置环境变量来选择开发环境的配置）
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
扁平化数组转换成树形?
背景：需要将扁平化数组转换成树形数组。比如原始数组如下： {代码...} 期望转换后的数据 {代码...}8 回答4.8k 阅读✓ 已解决
省市区街道数据在哪里可以下载？
省市区街道数据在哪里可以下载？6 回答3.5k 阅读✓ 已解决
两个promise问题？
第一个问题，这个为什么先输出3后输出2呢 {代码...} 第二个问题，这个为什么会交错输出呢，142536 {代码...} promise小白一枚，上述两个疑问，希望能得到详细的解答5 回答2.9k 阅读✓ 已解决
网站的不同域名互相跳转如何保持登录态？
一个网站部署了多个域名（不是子域名），比如：www.abc.com和www.aaa.com,如何从一个域名跳转到另一个域名的时候，仍然保持登录态呢？6 回答2.4k 阅读
Vue项目一个报错无法找到原因?
排查了好久实在没有找到哪儿出了问题，时不时弹出来，编译结果又是正常的，尝试排查了好久但是一直没有办法排查出来，有遇到过这种报错的同学吗？或者有没有同学提供一种排查思路，因为我真的搞懵逼了。哈哈哈。5 回答6.4k 阅读✓ 已解决
如何在JavaScript中从外部中断for循环的执行？
js中如何从外部中断for循环，起因是这段代码上层会反复进入这个for循环，每次进入的时候需要清除之前的执行效果，所以需要在循环外部来取消？大佬们知道如何做吗？4 回答2.3k 阅读✓ 已解决
Quartz如何根据cron表达式计算任务开始前发送通知的时间？
任务调度任务的执行时间是cron表达式，使用quartz定时器生成任务现在需要在每次任务开始前一定时间（例：1天、一周、15分钟）发送通知在不改前端的情况下。有什么好的做法实现吗。计算通知的cron，有点过于复杂，也没有找到工具可以使用4 回答2.8k 阅读✓ 已解决
就是判断一下当前的
process.env.NODE_ENV如果你在测试环境编译的是非生产环境配置的话。如果是VueCLI默认非生产环境就是开启
sourceMap的，npm run build的时候使用--mode指定一下环境模式就好了。