概述
前言：有时我们往往需要一些全局样式，但用@import导入未免麻烦，这时我们可以使用vue插件style-resources-loader；
使用步骤：
- npm安装：npm i style-resources-loader
- 在vue.config.js中使用：
const path = require('path');
function addStyleResource(rule) {
rule.use('style-resource')
.loader('style-resources-loader')
.options({
patterns: [
path.resolve(__dirname, './src/styles/imports.scss'),
],
})
}
module.exports = {
chainWebpack: config => {
const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
types.forEach(type => addStyleResource(config.module.rule('scss').oneOf(type)))
},
}
最后
以上就是简单枫叶为你收集整理的vue style-resources-loader 设置全局样式的全部内容，希望文章能够帮你解决vue style-resources-loader 设置全局样式所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复