webpack快速入门-核心概念
entry(入口)
指示 webpack
应该从哪个文件开始打包, 默认为./src/index.js
output(出口)
指示 webpack
应该将打包好的文件输出到哪个目录,以及文件命名等, 默认为./dist/main.js
loader
webpack
自身只理解 javascript
, 而 loader
可以去处理那些非js的文件
loader
可以将所有类型的文件转换为 webpack
能够处理的有效模块, 然后就可以利用 webpack
的打包能力正常进行打包
plugins(插件)
plugins 用于扩展 webpack
功能,打包优化、压缩代码体积等
插件功能极其强大,可以用来处理各种各样的任务
想要使用一个插件,只需要 require()
它,然后把它添加到 plugins
数组中。多数插件可以通过选项(option)自定义
也可以在一个配置文件中因为不同目的而多次使用同一个插件,这时需要通过使用 new
操作符来创建它的一个实例
mode(打包模式)
两种模式:
- 开发模式:
development
- 生产模式:
production