从打包提示警告文件过大开始...

112 阅读1分钟

因为打包提示文件过大,所以在网上搜索了许多东西,但是没有说如果结果过大的,但是搜到了很多如何解决警告的

解决警告很简单,在vue.config.js文件里添加performance相关信息就行了

但是,我要说但是了

配置文件里已经有configureWebpack(对象形式)了,怎么整呢?

configureWebpack有两种形式,对象和方法

整合在一起就是这样

  configureWebpack: config => {
    config.name = name
    config.resolve = {
      ...config.resolve,
      alias: {
        '@': resolve('src')
      }
    }
    // 为生产环境修改配置...
    if (process.env.NODE_ENV === 'production') {
      config.mode = 'production'
      // 打包文件大小配置
      config.performance = {
        maxEntrypointSize: 10000000,
        maxAssetSize: 30000000
      }
    }
  }

maxEntrypointSize,maxAssetSize的大小可以自行设置