使用style-loader/useable报错

来源:3-10 由浅入深 webpack - 处理 CSS - style-loader(2)

文燚

2018-05-02

http://img.mukewang.com/szimg/5ae92a3c00014c8009530515.jpghttp://img.mukewang.com/szimg/5ae92a400001d5db09120668.jpg

http://img.mukewang.com/szimg/5ae92a5100015eed05330333.jpg

只有/\.css$/或者只有/\.useable\.css$/的时候是没有问题的 

同时有/\.css$/和/\.useable\.css$/就报上面的错误了,不知道应该怎么处理

写回答

1回答

qbaty

2018-05-14

你这个写的有问题啊,你.css 和 你的 .usable.css 都会匹配style-loader 

你的规则是 以 .css 结尾的 xxxxx 和 以.usable.css 结尾的 xxxx

但是以 .usable.css 结尾的是不是以.css 结尾呢?当然是啊

那么你就要改你的正则,要么就都使用一种style-loader

0
2
文燚
这个是我之前看文档上面的例子写的https://webpack.js.org/loaders/style-loader/#useable,不过确实是这个正则的问题,在前面一个规则里添加了exclude: /\.useable\.css$/就对了。
2018-05-14
共2条回复

四大维度解锁Webpack3.0前端工程化

前端开发标配,灵活掌握Webpack3.0的使用可以极大的提高前端开发的效率

1188 学习 · 403 问题

查看课程