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

来源:3-3 实现todo应用的界面

变强啊三少奶奶

2018-06-22 11:58

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

下面是报出来的错误

https://img4.mukewang.com/5b2c72b9000163b709440464.jpg

下面是vue中的styl样式

https://img2.mukewang.com/5b2c72ca0001bcc202930252.jpg

下面是 package.json中安装的loader

https://img4.mukewang.com/5b2c73070001572006800733.jpg

下面是webpack.config.js

https://img1.mukewang.com/5b2c73360001a3f005540887.jpg

https://img2.mukewang.com/5b2c73550001891604570212.jpg

感谢各位大大指点


写回答 关注

3回答

  • MKleefat
    2018-07-12 11:51:27
    已采纳

    {

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

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

    }

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

    变强啊三少奶...

    正解 谢谢!

    2018-07-16 15:08:20

    共 1 条回复 >

  • 阿叶子
    2018-10-09 12:05:23

    这玩意儿 伤脑筋呀

  • 16136112
    2018-10-02 14:14:31

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


    切克闹_ 回复qq_lcs...

    没有

    2018-11-27 16:24:34

    共 2 条回复 >

Vue+Webpack打造todo应用

用前端最热门框架Vue+最火打包工具Webpack打造todo应用

84605 学习 · 787 问题

查看课程

相似问题