10 —— Webpack打包模式

开发模式:development ;场景:本地开发

生产模式:production ; 场景:打包上线

这两种模式如何设置给webpack:

方式1.webpack.config.js 配置文件设置mode选项

module.exports = {

mode:'production'

};

方式2.在package.json命令行设置mode参数

"scripts": {

"build": "webpack --mode=production",

"dev": "webpack serve --open --mode=development"

},

▲ 命令行设置的优先级高于配置文件中的,推荐使用命令行设置

相关推荐
90后小陈老师21 分钟前
WebXR教学 07 项目5 贪吃蛇小游戏
前端·数码相机
欧先生^_^23 分钟前
Node.js 源码架构详解
架构·node.js
一口一个橘子23 分钟前
[ctfshow web入门] web118
前端·web安全·网络安全
GanGuaGua39 分钟前
Vue3:脚手架
前端·javascript·css·vue.js·vue
鸡吃丸子2 小时前
常见的实时通信技术(轮询、sse、websocket、webhooks)
前端·websocket·状态模式
胡斌附体2 小时前
vue添加loading后修复页面渲染问题
前端·javascript·vue.js·渲染·v-if·异步加载
沐土Arvin2 小时前
从零开始认识 Node.js:异步非阻塞的魅力
node.js
Dontla2 小时前
Webpack DefinePlugin插件介绍(允许在编译时创建JS全局常量,常量可以在源代码中直接使用)JS环境变量
运维·javascript·webpack
TE-茶叶蛋2 小时前
Node.js中的洋葱模型
node.js
酷爱码3 小时前
css中的 vertical-align与line-height作用详解
前端·css