@cisdi/pangu/bin/config/webpack/vue.js

develop tool for ui-engine project

const { argv } = require('yargs')
const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin')
const { srcDir } = require('../../utils/paths')
const { supportTypeScript } = require('../../utils/language')
const VueLoaderPlugin = require('vue-loader/dist/plugin').default

module.exports = function (config) {
  config.resolve.extensions.unshift('.mjs')
  config.resolve.extensions.unshift('.vue')
  config.resolve.alias.vue = '@vue/runtime-dom'
  config.module.rules.unshift({
    test: /\.vue$/,
    include: [srcDir],
    exclude: /node_modules/,
    use: [
      {
        loader: 'thread-loader',
      },
      {
        loader: require.resolve('vue-loader'),
        options: {
          babelParserPlugins: ['jsx', 'classProperties', 'decorators-legacy'],
        },
      },
    ],
  })

  if (argv.tsCheck && supportTypeScript) {
    config.plugins.push(
      new ForkTsCheckerWebpackPlugin({
        eslint: {
          enabled: true,
          files: [srcDir + '/**/*.{vue,ts,tsx,js,jsx}'],
        },
        issue: {
          scope: 'all',
        },
      })
    )
  }

  config.plugins.push(new VueLoaderPlugin())
  return config
}