webpack学习入门

webpack学习入门

css-loader 辅助解析 js 中的 import './main.css'

style-loader 把 js 中引入的 css 内容 注入到 html 标签中，并添加 style 标签.依赖 css-loader

sass-loader 加载 Sass

postcss-loader CSS 的预处理工具，可以帮助我们：给 CSS3 的属性添加前缀

webpack4 开始使用： mini-css-extract-plugin插件, 1-3 的版本可以用： extract-text-webpack-plugin

压缩 css 插件：optimize-css-assets-webpack-plugin

uglifyjs-webpack-plugin JS 压缩

HtmlWebpackPlugin插件 html

url-loader 可以把 url 地址对应的文件，打包成 base64 的 DataURL，提高访问的效率
file-loader 处理图片路径

babel-loader 把最新的ES6的语法转成ES5