output.enableInlineStyles
注意
谨慎使用该功能,内联所有 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 内联样式: