Vue之vue项目引入并使用stylus预编译器

1、安装stylus、stylus-loader依赖

npm install stylus stylus-loader

2、在package.json文件中

在"devDependencies":字段中添加

3、直接在组件页面用即可，组件的style标签中添加属性，lang=stylus

4、stylus预编译器的语法

在网上看到一个很详细的stylus语法教程：https://blog.csdn.net/lyt_angularjs/article/details/80457099#一选择器

5、使用stylus预编译器的优缺点

（1）优点

• 解决样式覆写的问题
• 可缓解多浏览器兼容造成的冗余
• 提高效率，节约成本
• 使CSS开发更加灵活
• 会使代码更有层次，方便阅读

（2）缺点

• 提高效率，节约成本
• 增加学习成本