vue-cli 引入 stylus 遇到的坑

2017年8月7日20:46:27 发表评论 已收录

最近在使用vue-cli创建项目时发现无法在js文件中引入stylus文件,错误提示:

vue-cli 引入 stylus 遇到的坑

经过反复折腾,发现原来是配置出了问题,解决方案如下:

  1. 在package.json文件中增加如下代码:
    "stylus-loader": "^3.0.1",
    "stylus": "0.52.4"
  2. 然后再输入(mac系统别忘记输入 sudo ):
    $npm install
  3. 然后改了一下webpack的配置
    在webpack.base.conf.js的module的loaders里加入了

    { 
      test: /.styl$/, loader: 'style-loader!css-loader!stylus-loader' 
    }
    
  4. 在resolve的extensions里加入了.styl
    extensions: ['', '.js', '.vue','.styl']
  5. 然后在输入
    $npm run dev

    大功告成!

weinxin
我的微信
爱生活、爱学习的小伙伴可以通过扫一扫二维码添加我的个人微信一起交流!
  • A+
所属分类:Vue
青青子衿

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: