mode可选值
①development
开发环境，不会对打包生成的文件进行代码压缩和性能优化，打包速度快，适合开发阶段使用
文件体积大，打包速度快
②production
生产环境，会对打包生成的文件进行代码压缩和性能优化，打包速度很慢，仅适合在项目发布阶段使用
文件体积小，打包速度慢
若要从开发转为生产，只需要在webpack.config.js里面将mode值从development转为peoduction即可
执行流程
在webpack 4.x和5.x中
①默认打包入口文件为src-index.js
②默认文件输出路径为dist-main.js
可在webpack.config.js中修改默认约定
自定义webpack的entry和output
const path = require('path')//导入node.js中专门操作路径的模块
module.exports = {
entry: path.join(__dirname,'./src/index.js'),//打包文件路径，__dirname代表当前文件目录不用管
output: {
path: path.join(__dirname,'./dist'),//输出文件路径
filename: 'bundle.js'//输出文件名称
}
}
实时打包插件
①在项目根目录中执行npm install webpack-dev-server@3.11.2 -D
②然后在scripts节点下加上serve参数
③再次运行npm run dev我们能发现，控制台一直在闪烁，说明这个组件一直在监听我们对代码的修改
如果报错，请重新安装webpack以及webpack-cli，因为版本不兼容
④禁用此插件：运行此插件的控制台内ctrl+c跳出提示，接着按y即可
由于安装了此插件后，此项目的文件便不可用文件进行查看，必须使用http协议
当文件ctrl+s时，插件便会自动执行，但是浏览器需要手动刷新
这些文件都是放在运行内存上进行的，如果生成的资源到磁盘上，程序员频繁地修改代码就需要频繁地读写磁盘，非常不合理。
