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 的注意点