loader 介绍
loader让webpack能够去处理那些非JavaScript文件（webpack自身只理解JavaScript）。loader可以将所有类型的文件转换为webpack能够处理的有效模块，然后你可以利用webpack的打包能力，对它们进行处理。
loader 属性
webpack配置中，loader有两个常用属性，test和use
const path = require('path');
const config = {
output: {
filename: 'my-first-webpack.bundle.js'
},
module: {
rules: [
{ test: /\.txt$/, use: 'raw-loader' }
]
}
};
module.exports = config;
test属性，用于标识出应该被对应的loader进行转换的某个或某些文件。
use属性，表示进行转换时，应该使用哪个loader。
** use数组内的loader执行顺序是由后到前的。**
常用loader
css-loader 读取css文件并编译成webpack能读取的模块；
style-loader 将css的内容以<style>标签的形式注入javascript里；
网友评论