vue-cli4配置公共scss样式文件

需要借助 sass-resources-loader工具来实现 

npm install sass-resources-loader

在项目的根目录下,新建vue.config.js文件,加入配置

module.exports = {
    chainWebpack: config => {
        const oneOfsMap = config.module.rule('scss').oneOfs.store
        oneOfsMap.forEach(item => {
            item
                .use('sass-resources-loader')
                .loader('sass-resources-loader')
                .options({
                    // 要公用的scss的路径
                    resources: './public/css/reset.scss'
                })
                .end()
        })
    }
}

猜你喜欢

转载自blog.csdn.net/weixin_42217154/article/details/111351930
今日推荐