vue-cli3使用vue-svg-loader加载svg

vue-svg-loader

• Documentation - FAQ

webpack loader that lets you use SVG files as Vue components

Microsoft Edge 报错问题

在 Microsoft Edge 存在ES6spread & rest语法无法转译的问题

Error: Expected identifier, string or number
Uncaught SyntaxError: Unexpected token ...

解决方法

添加babel-loader进行语法转译

const svgRule = config.module.rule('svg');
    svgRule.uses.clear();
    svgRule
      .use('babel-loader')
      .loader('babel-loader')
      .end()
      .use('vue-svg-loader')
      .loader('vue-svg-loader')
      .options({
        svgo: {
          plugins: [
            { removeDoctype: true },
            { removeComments: true },
            { removeViewBox: false }
          ],
          removeViewBox: false,
        },
        .end()
      })

参考

• Edge support issue