vue webpack webpack-chain sass loader 实现

vue-webpack-chain-sass.js

{
  chainWebpack: (config) =>{
    // ...
    // sass 处理
    config.module.rules.delete('scss')
    let scssRule = config.module.rule('scss')
      .test(/\.scss$/);

    [
      { name: 'vue-style-loader' },
      { name: 'css-loader' },
      { name: 'sass-loader' },
    ].forEach((load) => {
      scssRule
        .use(load.name)
        .loader(load.loader || load.name)
        .options(load.options || {})
    })
    // ...
  })
}

npm install -D sass-loader node-sass