【webpack】vue-cli3使用sass-resources-loader

第一步:
yarn add sass-resources-loader

第二步:

const path = require('path');
const resolve = dir => {
    return path.join(__dirname, dir)
}

module.exports = {
    publicPath: './',
    devServer: {
        port: port,
        open: false,
        overlay: {
            warnings: false,
            errors: false   // 关闭eslint在屏幕上的error
        },
    },
    chainWebpack: config => {
        const oneOfsMap = config.module.rule('scss').oneOfs.store
        oneOfsMap.forEach(item => {
            item
            .use('sass-resources-loader')
            .loader('sass-resources-loader')
            .options({
                resources: [resolve('src/assets/scss/xxxx.scss')],
            })
        })
}```
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。