复习 webpack
入口 entry webpack 导入文件的起点
出口 output 导出到哪儿
插件 plugin 处理事情
加载器 loader 加载处理特殊文件
插件
加载器
css-loader : 处理和分析css依赖
style-loader : 把css插入到header文中
less
less-loader : 处理less文件
mini-css-extract-plugin 把css抽出为一个单独的文件
optimize-css-assets-webpack-plugin 优化css和css资源
html-webpack-plugin 处理html模板
webpack-dev-server webpack本地服务器
webpack webpack
webpack-cli webpack脚手架
sourceMap
可以知道源代码在哪一行错误,sourceMap是一个map关系;
Prefetch
Prefetch是告诉浏览器这是一个在未来可能使用到的资源。 浏览器通常会在空闲状态取得这些资源,在取得资源之后搁在HTTP缓存以便于实现将来的请求
压缩
optimize-css-assets-webpack-plugin css优化压缩
uglifyjs-webpack-plugin js压缩