Vue-cli3使用svg-sprite-loader的vue.config配置（node_modules里有个svg导致一直报错）

chainWebpack: config =&amp;amp;amp;amp;gt; { config.resolve.alias .set('@', resolve('src')); const svgRule = config.module.rule('svg'); // 找到svg-loader svgRule.uses.clear(); // 清除已有的loader, 如果

执笔看墨花开

6429人浏览 · 2018-12-26 10:07:58

执笔看墨花开 · 2018-12-26 10:07:58 发布

const path = require('path');
function resolve(dir) {
  return path.join(__dirname, '.', dir);
}
module.exports = {
  chainWebpack: config => {
    config.module
    .rule('svg')
    .exclude.add(resolve('src/icons'))
    .end();

    config.module
    .rule('icons')
    .test(/\.svg$/)
    .include.add(resolve('src/icons'))
    .end()
    .use('svg-sprite-loader')
    .loader('svg-sprite-loader')
    .options({
      symbolId: 'icon-[name]'
    });
  },