webpack简介:
构建工具的一种,一个静态模块打包器
webpack五个核心概念
Entry(入口)
Output(输出)
Loader (处理那些非js文件,类似于翻译官)
Plugins (插件,范围包括从打包优化和压缩,一直到重新定义环境中的变量等)
Mode(模式,webpack使用相应模式的配置(开发模式和生产环境模式))
结论:
1.webpack能处理js/json资源,不能处理css/img资源
2.生产环境和开发环境将es6模块化编译程浏览器能识别的模块化
3.生产环境比开发环境多一个压缩js代码
webpack如何打包样式资源?
webpack.config.js webpack的配置文件