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

查看本系列文章合集click me

下载本系列文章源码click me