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

谢谢,希望对你有帮助

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容