Vue.js 用cli脚手架来安装stylus遇到的坑

通过cli脚手架安装stylus遇到的坑

npm安装stylus和stylus-loader

1、通过指令全局安装stylus

$ npm install stylus -g

虽然全局安装了，但是在vue.js中并没有起到作用;

2、在vue.js的文件中创建了后缀名为.styl的stylus的文件，但在编译的时候总是会报错

如何解决：

1.在package.json文件中增加如下代码：

"stylus-loader": "^3.0.1",
"stylus": "0.52.4",

2.然后回到命令窗口
输入

    $npm install

3.然后在输入

    $npm run dev

大功告成！！

main.js

不用导入，就可以直接使用stylus和stylus-loader

全局导入index.styl文件

import './common/stylus/index.styl'

局部导入.styl文件

<style lang="stylus" rel="stylesheet/stylus">
    @import "../../common/stylus/mixin.styl"


</style>