Webpack 有没有办法为我的软件包的使用者包含一个变量文件?

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 = {

我正在制作一个用于其他项目的Vue包。scss文件目前与Vue组件是分开的,因为我希望包的使用者声明自己的变量

但是,使用这种方法,我必须为所有css类添加前缀,以防止名称重叠。我想将样式放入vue组件中,并确定其范围

现在,我有一个变量文件,通过vue.config.js(取自cli.vuejs.org)加载到所有组件中:

是否有任何方法可以包含第二个变量文件,该文件可以由我的包的使用者创建

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'),
            ],
        });
}