VUE使用SVG

在vue中使用，需要先npm install snapsvg将其引入，其次需要引入npm install imports-loader，然后在使用时会碰上巨坑Uncaught TypeError: Cannot read property ‘on’ of undefined，这时我们就需要在使用时对其进行一定的处理如下：

import Snap from 'imports-loader?this=>window,fix=>module.exports=0!snapsvg/dist/snap.svg.js'

这样引入即可解决。或者通过修改webpack配置如下：

module.exports = {
  module: {
    ...
    loaders: [
      {
        test: require.resolve('snapsvg'),
        loader: 'imports-loader?this=>window,fix=>module.exports=0'
      }
    ]
  }
};