webpack

1.webpack

是一个Javascript 的模块打包器
四个核心概念
入口（entry） 所有引入的文件，都会在入口文件中引入
输出（output）
loader webpack 默认只打包js，遇到css,png 等其他文件找loader
插件（plugins）
安装 loader npm

use: ['style-loader','css-loader']  从右向左编译，先css-loader再style-loader

直接css-loader 去学习相关的东西
webpack
dist 文件夹 build.js
webpack.config.js
style-loader css-loader
1.把css 当作模块来处理
2.执行从右到左
3.autoprefixer-loader 自动给样式属性加前缀
4.css-loader 把css作为模块来处理
5.style-loader 把样式插入到页面的head中
autoprefixer-loader
file-loader
url-loader
url-loader 功能类似于 file-loader，但是在文件大小（单位 byte）低于指定的限制时，可以返回一个 DataURL
// 处理图片和字体
// 当文件小于limit （limit单位是字节）会把文件转换成base64编码的字符串
// 当文件大于limit 会使用file-loader来处理

        // url-loader 和 file-loader会处理任何类型的文件        // url-loader 可以把文件转成base64编码的字符串