my_loan/htmldev/loan/vue.config.js

const path = require('path')
const rm = require('rimraf')
// 监听打包完成
const FileManagerPlugin = require('filemanager-webpack-plugin')
const date = new Date()
const y = date.getFullYear()
const m = (date.getMonth() + 1).toString().padStart(2, '0')
const d = date.getDate().toString().padStart(2, '0')
const h = date.getHours().toString().padStart(2, '0')
const timestamp = `?${y}${m}${d}${h}`
const env = ['develop', undefined].includes(process.env.BUILD_ENV) ? require('./config/dev.env') : (process.env.BUILD_ENV === 'release' ? require('./config/release.env') : require('./config/prod.env'))
const resolve = (dir) => {
  return path.join(__dirname, dir)
}

const addStyleResource = (rule) => {
  rule.use('style-resource')
    .loader('style-resources-loader')
    .options({
      patterns: [
        path.resolve(__dirname, './src/assets/styles/variable.scss')
      ]
    })
}

if (process.env.NODE_ENV !== 'development') {
  rm(resolve('./dist'), err => {
    if (err) throw err
  })
}

module.exports = {
  publicPath: '/',
  outputDir: './dist', // 构建文件目录，默认dist
  filenameHashing: false,
  productionSourceMap: process.env.BUILD_ENV === 'develop',
  devServer: {
    hot: true,
    hotOnly: true,
    host: '0.0.0.0',
    port: 8080,
    open: true,
    clientLogLevel: 'warning',
    proxy: {
      '/api': {
        target: 'https://www.baidu.com',
        ws: true,
        changeOrigin: true
      }
    },
    overlay: {
      warnings: true,
      errors: false
    },
    before (app) {
    }
  },
  configureWebpack: {
    resolve: {
      alias: {
        '@': resolve('src')
      }
    },
    output: {
      filename: 'js/[name].js' + timestamp,
      chunkFilename: 'js/[name].js' + timestamp
    },
    plugins: process.env.NODE_ENV !== 'development' ? [
      new FileManagerPlugin({
        onEnd: [
          {
            delete: ['./dist/*/favicon.ico', './dist/*/index.html']
          }
        ]
      })
    ] : []
  },
  chainWebpack: config => {
    const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
    types.forEach(type => addStyleResource(config.module.rule('scss').oneOf(type)))

    config.optimization.splitChunks({
      chunks: 'all',
      cacheGroups: {
        vendors: {
          name: 'chunk-vendors',
          test: /[\\/]node_modules[\\/]/,
          chunks: 'all',
          priority: 2,
          reuseExistingChunk: true,
          enforce: true
        },
        vantUi: {
          name: 'chunk-vantUi',
          test: /[\\/]node_modules[\\/]vant[\\/]/,
          chunks: 'all',
          priority: 3,
          reuseExistingChunk: true,
          enforce: true
        },
        commons: {
          name: 'chunk-commons',
          test: resolve('src/components'), // can customize your rules
          minChunks: 3, //  minimum common number
          priority: 5,
          reuseExistingChunk: true
        }
      }
    })

    config.plugin('define').tap(args => {
      args[0]['process.env'] = Object.assign({}, args[0]['process.env'], env)
      return args
    })
  },
  css: {
    extract: {
      filename: 'css/[name].css' + timestamp,
      chunkFilename: 'css/[name].css' + timestamp
    },
    sourceMap: false
  }
}