vue cli3.0中引用stylus文件

首先安装 stylus和stylus-loader

npm install stylus --save 和 npm install stylus-loader --save

style-loader(安装style-loader的目的是为了在html中以style的方式嵌入css)，如下命令，为了在style里用了<style scoped lang="stylus" rel="stylesheet/stylus">可以引用css的文件

npm install css-loader --save-dev

如果你想自动化导入文件 (用于颜色、变量、mixin……)，你可以使用 style-resources-loader

vue add style-resources-loader
会出现如下图

image.png

这个意思是让你选择你使用的预处理器
因为我用的是stylus,所以我选择了它，
完成后它会自动在vue.config.js代码中生成如下的代码

patterns里可以配置自己的文件地址，然后在文件顶部引用path就可以了，我的如下

image.png

谢谢，希望对你有帮助