跳转到主文档

output.meta

适用的工程方案
  • MWA
  • 类型: Object
  • 默认值:见下方配置详情。
meta 配置详情
  {
charset: { charset: 'utf-8'},
viewport: 'width=device-width, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no',
'http-equiv': { 'http-equiv': 'x-ua-compatible', content: 'ie=edge'},
renderer: 'webkit',
layoutmode: 'standard',
imagemode: 'force',
'wap-font-scale': 'no',
'format-detection': 'telephone=no'
}

添加或修改已有的网页 meta 信息,设置的值会和默认值合并。

举例如, 在 modern.config.js 设置如下:

modern.config.js
import { defineConfig } from '@modern-js/app-tools';

export default defineConfig({
output: {
meta: {
viewport: 'width=device-width',
description: 'a description of the page',
},
},
});

最终 html 里面 meta 信息如下:

<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="renderer" content="webkit">
<meta name="layoutmode" content="standard">
<meta name="imagemode" content="force">
<meta name="wap-font-scale" content="no">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="a description of the page">

可以看到, 修改了默认的 viewport meta 标签,并且新增了 descriptionmeta 标签。