scss如何批量@import

Question

@import './mixin.scss';
@import './app.scss';
@import './components/card.scss';
希望固定代码实现批量导入, 我这边是vue2的项目

Answer 1

    // less文件自动导入common-style变量
    lessVarImportChainModule(config) {
        function addStyleResource(rule) {
            rule.use('style-resource')
                .loader('style-resources-loader')
                .options({
                    patterns: [path.resolve('../../common-style/lib/variables.less')],
                });
        }
        const types = ['vue-modules', 'vue', 'normal-modules', 'normal'];
        types.forEach(type => addStyleResource(config.module.rule('less').oneOf(type)));
    },

less 改成 scss 即可。