《Webpack+Babel入门与实例详解》
Webpack+Babel入门与实例详解
姜瑞涛
36个笔记(微信读书只能试读前两章,第三章开始笔记是自己手敲的)
第1章 Webpack入门
执行如下命令,该命令是Webpack 5的命令行打包命令。[插图]上面命令的作用:从a.js文件开始,按照模块引入的顺序把所有代码打包到一个JS文件里,这个文件的默认名称是main.js。Webpack会自动处理打包后代码的顺序与依赖关系。–entry用来指定打包入口文件,-o是out的意思,表示输出目录,这里使用dist目录作为打包后的输出目录。注意,webpack是打包命令,后面的内容是打包参数。
Webpack的打包模式共有三种:production、development和none,这三种模式是通过mode参数来指定的。production和development这两种模式会分别按照线上生产环境和本地开发环境进行一些优化处理,而none模式会保留原始的打包结果。例如,production模式是给生产环境打包使用的,打包后的bundle.js文件代码是压缩后的