Webpack 有没有办法为我的软件包的使用者包含一个变量文件?
我正在制作一个用于其他项目的Vue包。scss文件目前与Vue组件是分开的,因为我希望包的使用者声明自己的变量 但是,使用这种方法,我必须为所有css类添加前缀,以防止名称重叠。我想将样式放入vue组件中,并确定其范围 现在,我有一个变量文件,通过vue.config.js(取自cli.vuejs.org)加载到所有组件中: 是否有任何方法可以包含第二个变量文件,该文件可以由我的包的使用者创建Webpack 有没有办法为我的软件包的使用者包含一个变量文件?,webpack,vue-component,vue-cli-4,Webpack,Vue Component,Vue Cli 4,我正在制作一个用于其他项目的Vue包。scss文件目前与Vue组件是分开的,因为我希望包的使用者声明自己的变量 但是,使用这种方法,我必须为所有css类添加前缀,以防止名称重叠。我想将样式放入vue组件中,并确定其范围 现在,我有一个变量文件,通过vue.config.js(取自cli.vuejs.org)加载到所有组件中: 是否有任何方法可以包含第二个变量文件,该文件可以由我的包的使用者创建 const path = require('path'); module.exports = {
const path = require('path');
module.exports = {
chainWebpack: config => {
const types = ['vue-modules', 'vue', 'normal-modules', 'normal'];
types.forEach(
type => addStyleResource(config.module.rule('scss').oneOf(type)),
);
},
};
function addStyleResource(rule) {
rule.use('style-resource')
.loader('style-resources-loader')
.options({
patterns: [
path.resolve(__dirname, './src/scss/_variables.scss'),
],
});
}