logo

该视频仅会员有权观看

立即开通课程「Nuxt.js 前端应用开发实践」权限。

¥
199
/ 年

Nuxt 框架的模块:Module

  • NX框架提供了一套可扩展的模块系统,允许用户开发或使用现有模块。
  • 使用npm install @next/image --save-dev来安装image模块。
  • 安装后,需要在项目配置文件(nx.json)中添加modules属性,并配置image模块相关设置,如允许优化的域名。
  • 通过创建页面并使用img标签显示图片,可以观察到安装image模块前后图片大小的变化。
  • nx-img是image模块提供的组件,可直接使用并通过设置qualitywidth属性来优化图像质量和大小。
  • 图像优化后,页面上显示的图像大小由2.2MB降低到155KB,显示了优化效果。