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")
}