poi.js

exports.name = 'svg-to-vue-component'

exports.apply = (api, options) => {
  api.hook('createWebpackChain', config => {
    // Only convert .svg files that are imported by these files as Vue component
    const FILE_RE = /\.(vue|js|ts|svg)$/

    // Use vue-cli's default rule for svg in non .vue .js .ts files
    config.module.rule('svg').issuer(file => !FILE_RE.test(file))

    // Use our loader to handle svg imported by other files
    config.module
      .rule('svg-component')
      .test(/\.svg$/)
      .issuer(file => {
        return FILE_RE.test(file)
      })
      .use('vue')
      .loader('vue-loader')
      .end()
      .use('svg-to-vue-component')
      .loader(require.resolve('./loader'))
      .options(options)
  })
}