美文网首页
【webpack】vue-cli3使用sass-resource

【webpack】vue-cli3使用sass-resource

作者: 愫幕 | 来源:发表于2020-11-08 16:22 被阅读0次

    第一步:
    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')],
                })
            })
    }```

    相关文章

      网友评论

          本文标题:【webpack】vue-cli3使用sass-resource

          本文链接:https://www.haomeiwen.com/subject/krehbktx.html