webpack就是一个打包工具,按时webpack能做的事情一级作用还是很多的
1js高级语法的转换兼容
2css兼容
3 代码压缩混淆
4 jsx转换
5 图片压缩
但是webpack本身只识别js语言,所以当要打包css和html的时候基本要借助一些加载器
css-loader 把css语言转换成js语言
style-loader 把css样式插入到对应节点中
css模块化得作用 把我们自己写的类名变进行重新编译成哈希值 避免样式冲突
posCss工具箱的作用是一个用js工具和插件转换css代码的工具 postCss是进一步可以打包css的工具箱
html-webpack-plugin plugins为webpack的插件 可以扩展webpack的功能使其更加丰富
webpack-dev-server 特点 以服务的方式运行打包的项目 打包的文件并没有在磁盘中,而是在内存中,所以打包速度会更快 文件发生变化自动打包