为了账号安全,请及时绑定邮箱和手机立即绑定

webpack 4 识别vue中的styl 但打包时出错

问题具体描述:打包时可以识别import进来的styl文件 并且运行成功  当在vue中的style模块里写styl语法后 打包时爆出 缺少loader去处理这类文件 查看网上资料 配置了同样的loader 也有过重新安装对应loader 都无法解决 只好换成css写法

下面是报出来的错误

https://img1.sycdn.imooc.com//5b2c72b9000163b709440464.jpg

下面是vue中的styl样式

https://img1.sycdn.imooc.com//5b2c72ca0001bcc202930252.jpg

下面是 package.json中安装的loader

https://img1.sycdn.imooc.com//5b2c73070001572006800733.jpg

下面是webpack.config.js

https://img1.sycdn.imooc.com//5b2c73360001a3f005540887.jpg

https://img1.sycdn.imooc.com//5b2c73550001891604570212.jpg

感谢各位大大指点


正在回答

3 回答

{

    test: /\.styl(us)?$/,

    loader: 'style-loader!css-loader!stylus-loader'

}

rules里面修改下匹配styl的正则表达式,文件内写的lang是等于"stylus"的

4 回复 有任何疑惑可以回复我~
#1

变强啊三少奶奶 提问者

正解 谢谢!
2018-07-16 回复 有任何疑惑可以回复我~

这玩意儿 伤脑筋呀

0 回复 有任何疑惑可以回复我~

这样修改了还是报错怎么办


0 回复 有任何疑惑可以回复我~
#1

qq_lcsteamon_0

解决了吗
2018-11-12 回复 有任何疑惑可以回复我~
#2

切克闹_ 回复 qq_lcsteamon_0

没有
2018-11-27 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

webpack 4 识别vue中的styl 但打包时出错

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信