首先安装 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
会出现如下图
这个意思是让你选择你使用的预处理器
因为我用的是stylus,所以我选择了它,
完成后它会自动在vue.config.js代码中生成如下的代码
patterns里可以配置自己的文件地址,然后在文件顶部引用path就可以了,我的如下
谢谢,希望对你有帮助