const path = require('path');
function resolveDir(dir) {
  return path.join(__dirname, dir);
}

const { defineConfig } = require('@vue/cli-service');
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    open: true,
    port: 8888
  },
  chainWebpack: config => {
    // 内置的svg处理排除指定目录下的文件
    config.module.rule('svg').exclude.add(resolveDir('src/assets/svgicons')).end();

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