vue.config.js

// ESLint ignore first line
/* eslint-disable */
const path = require('path')

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/meowney-0-website/'
    : '/',
  lintOnSave: false,
  chainWebpack: config => {
    const dir = path.resolve(__dirname, 'src/assets/icons') // 确定目录
    config.module.rule('svg').uses.clear()
    config.module
      .rule('svg-sprite')
      .test(/\.svg$/) // .test(/\.(svg)(\?.*)?$/)
      .include.add(dir).end() // 指定 仅包含 icons 的目录
      .use('svg-sprite-loader').loader('svg-sprite-loader')
      .options({extract: false}).end() // 不解析出文件
      .use('svgo-loader').loader('svgo-loader')
      .tap(options => ({
        ...options,
        plugins: [{removeAttrs: {attrs: 'fill'}}]
      }))
      .end()

    config.plugin('svg-sprite')
      .use(
        require('svg-sprite-loader/plugin'),
        [{plainSprite: true}]
      )

    config.module.rule('svg').exclude.add(dir)// 其他 svg loader 排除 icons 目录

    // alias
    config.resolve.alias
      .set('@', path.join(__dirname, 'src'))
      .set('@style', path.join(__dirname, 'src/assets/style'))
      .set('@comp', path.join(__dirname, 'src/components'))
      .set('@mixins', path.join(__dirname, 'src/mixins'))
      .set('@store', path.join(__dirname, 'src/store'))

    // server
    /*
    config.devServer
      .set('port', 8080)
      '/api': {
        target: 'http://localhost:8080',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/mock'
        }
      }
    })
  */
  },
  transpileDependencies: [
    'vue-echarts',
    'resize-detector'
  ]
}