最近在使用vue-cli创建项目时发现无法在js文件中引入stylus文件,错误提示:
经过反复折腾,发现原来是配置出了问题,解决方案如下:
- 在package.json文件中增加如下代码:
"stylus-loader": "^3.0.1", "stylus": "0.52.4"
- 然后再输入(mac系统别忘记输入 sudo ):
$npm install
- 然后改了一下webpack的配置
在webpack.base.conf.js的module的loaders里加入了{ test: /.styl$/, loader: 'style-loader!css-loader!stylus-loader' }
- 在resolve的extensions里加入了.styl
extensions: ['', '.js', '.vue','.styl']
- 然后在输入
$npm run dev
大功告成!

我的微信
爱生活、爱学习的小伙伴可以通过扫一扫二维码添加我的个人微信一起交流!
评论