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
会出现如下图

vue cli3.0中引用stylus文件

 

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

vue cli3.0中引用stylus文件

 

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

 

vue cli3.0中引用stylus文件