webpack5-2023版新讲,我是老尚,第一节，时长：00:50:43 分离【开发、生产环境】的配置    \_ 可以根据不同路径，分别打包开发、生产，到不同位置 模块化开发 source Map的调试    \_把编译之后 的已转换的代码，映射 回原始的源代码    \_ https://webpack.docschina.org/configuration/devtool/    \_ 写在开发环境下，生产环境不用 动态生成html、并引入打包之后的js文件    \_html-webpack-plugin 自动更新：webpack-dev-server    \_1、不会产生dist文件，将打包结果暂时存在内存中，        内部的http-sever访问这些文件并读取数据，发送给浏览器    \_2、减少磁盘的读取，提高构建效率 分别封装【编译、打包】的命令    \_cross-env，配置环境变量，区分开发、生产环境        \_cross-env 作用：        使用 NODE_ENV=production 这种方式，来设置环境变量时，        大多数 Windows 命令提示将会阻塞(报错)。        简单的说，windows不支持NODE_ENV=development的设置方式        cross-env，能够提供一个设置环境变量的scripts，        让你能够以unix方式设置环境变量，然后在windows上也能兼容运行。 =========== 更多请看目录 适用人群：有些js、node等前端开发基础的人