webpack -- loader挖坑

这里以css为例

npm install css-loader style-loader sass-loader node-sass postcss-loader autoprefixer --save-dev

安装完成后的配置可以参考另一篇文章 配置完成后，我们就可以在index.js里面import引入scss文件 配置完成后我们就可以运行npm run build 接下来就可以在app.bundle.js文件里面搜索我们在scss文件里面写的样式，标明成功了，但是这个css是嵌在js里面的，后面我们需要通过方法把css从js里面分离出来Tips loader执行是从右往左的，也就是说是从数组的最后一项开始执行，一直执行到第一项

一、解析JS

解析JS发现里面有两个参数

{ { test:/\.js$/, use:[ "babel-loader" ], exclude: path.join(__dirname + "/node_modules"), // include: path.join(__dirname + "/src") }

转载于:https://www.cnblogs.com/zjh-study/p/10845419.html