首先安装 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
谢谢，希望对你有帮助
网友评论