webpack-css-loader的注意点

Loader 的特点

单一原则, 一个 loader 只做一件事情, 多个 loader 会按照从 右 至 左, 从 下 至 上 的顺序来一一执行的

例如: 从右至左

['style-loader', 'css-loader']

如上的含义是先执行 css-loader 解析 css 文件之间的关系拿到所有的内容，再执行 style-loader 将内容插入到 HTML 的 HEAD 标签中

例如: 从下至上

[{
    loader: "style-loader"
},{
    loader: "css-loader"
}]

如上的含义为先执行 css-loader 解析 css 文件之间的依赖关系拿到所有内容, 再执行 style-loader 将内容插入到 HTML 的 HEAD 标签中

我就不打包运行了，效果和前面的一样的我这里只是讲解一下 loader 的注意点