【文件属性】：
文件名称：Webpack-learning:深入学习webpack的核心知识点（核心概念、高级概念、项目配置、编写loader）
文件大小：95KB
文件格式：ZIP
更新时间：2021-05-10 16:59:58
JavaScript
Development和Production模式的区分打包
按照开发模式进行webpack配置
开发模式和线上模式在打包时所使用的配置是有所差别的，可以通过设置不同的打包文件对二者执行区分化打包，同时也可以将二者共有的配置项提取到公共的配置文件中。
将webpack.config.js文件分成webpack.dev.js和webpack.prod.js
对应的在package.json中将运行指令也进行划分：
"scripts": {
"dev": "webpack-dev-server --config webpack.dev.js",
"build": "webpack --config webpack.prod.js",
}
执行npm run dev
会打开一个浏览器，控制台输出6，因为index.js文件中使用了add(1, 5);
执行npm run b
【文件预览】：
Webpack-learning-master
----postcss.config.js(94B)
----server.js(518B)
----showpictures()
--------1.png(10KB)
----src()
--------index.html(290B)
--------math.js(114B)
--------index.js(43B)
----build()
--------webpack.dev.js(727B)
--------webpack.prod.js(431B)
--------webpack.common.js(3KB)
----dist()
--------index.html(344B)
--------main.js(1017B)
--------main.js.map(97B)
----readme.md(2KB)
----package-lock.json(327KB)
----package.json(1KB)