webpack学习第一节

webpack简介：

构建工具的一种，一个静态模块打包器

 

webpack五个核心概念

Entry（入口）

Output（输出）

Loader （处理那些非js文件，类似于翻译官）

Plugins （插件，范围包括从打包优化和压缩，一直到重新定义环境中的变量等）

Mode（模式，webpack使用相应模式的配置（开发模式和生产环境模式））

 

结论： 

1.webpack能处理js/json资源，不能处理css/img资源

2.生产环境和开发环境将es6模块化编译程浏览器能识别的模块化

3.生产环境比开发环境多一个压缩js代码

 

webpack如何打包样式资源？

webpack.config.js  webpack的配置文件