跳转到主文档

output.enableInlineStyles

适用的工程方案
  • MWA
注意

谨慎使用该功能,内联所有 css 文件可能会使 html 文件尺寸超出预期。

  • 类型: boolean
  • 默认值: false

生产环境下,将 css 文件内联到 html 中。

例如,在 modern.config.js 中配置如下时:

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

export default defineConfig({
output: {
enableInlineStyles: true,
},
});

执行 build 之后可以看到, html 文件内会有对应的 style 内联样式: