在生产模式下压缩 vuetify 的大小答案

【问题标题】：Compress size of vuetify in production mode在生产模式下压缩 vuetify 的大小
【发布时间】：2020-05-18 07:13:32
【问题描述】：

我有生产模式后的项目，app.js 的大小为 2.35 MB，在生产模式下太大了，应该以 KB 为单位？

【问题讨论】：

【解决方案1】：

您可以根据文档https://webpack.js.org/configuration/optimization/ 在webpack 配置中检查minimize 是否有true（这是生产模式下的默认值）：

module.exports = {
  //...
  optimization: {
    minimize: true
  }
};

更新。

您可以尝试检查您的 css 文件是否是从 js-bundle 中提取的。从这里https://github.com/nuxt-community/vuetify-module/issues/199：

可能是因为你的 JS 文件中有 CSS 包，你可以试试 build.extractCSS: true 在 Nuxt 选项中，它将分隔 Vuetify JS & CSS。默认情况下，CSS 有点大，但在使用时确实更小 gzip 在生产中。

【讨论】：