NUXT压缩/缩小/合并ccs,js和HTML

问题描述 投票:0回答:1

我正在使用NUXT进行的项目中,我们使用纱线进行卷装管理。

我需要压缩(如果可能的话,可能要合并)js,css和html,以加快加载时间。

我读了“ https://www.npmjs.com/package/nuxt-compress

我尝试将module.export添加到NUXT.config.js,但无法使其正常工作。

有人欢迎我逐步指导如何在构建时配置压缩,因为我是NUXT的新手。

放置在哪里以及在构建或运行项目时运行什么命令。

我猜它正在执行与执行“纱线构建”时所需的类似操作。它缩小了CSS和JS。但是我们还能做更多吗?例如。 gzip并将多个js,css或html组合在一起?

javascript css vue.js nuxt.js yarnpkg
1个回答
0
投票

您可以使用html.minify添加到Nuxt项目的构建配置中>

这是当前支持的配置:https://nuxtjs.org/api/configuration-build#html-minify

它在后台使用https://github.com/kangax/html-minifier

html.minify

Type:对象

默认:

{
  collapseBooleanAttributes: true,
  decodeEntities: true,
  minifyCSS: true,
  minifyJS: true,
  processConditionalComments: true,
  removeEmptyAttributes: true,
  removeRedundantAttributes: true,
  trimCustomFragments: true,
  useShortDoctype: true
}

注意:

如果您对html.minify进行更改,它们将不会与默认值合并!

用于最小化在构建过程中创建的HTML文件的html-minifier插件的配置(将应用于所有模式)。>>

© www.soinside.com 2019 - 2024. All rights reserved.