webpack -- loader挖坑

最新推荐文章于 2024-10-02 15:47:16 发布

aina0674

最新推荐文章于 2024-10-02 15:47:16 发布

阅读量68

点赞数

文章标签： webpack ViewUI

原文链接：http://www.cnblogs.com/zjh-study/p/10845419.html

版权

这里以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