html怎么转rollup plugin html_Rollup如何通过插件处理HTML入口

rollup-plugin-html 未生效的根本原因是 Rollup 默认不处理 HTML，需将 html() 插件置于 resolve() 和 commonjs() 之前，并配置 transformers、路径映射及环境变量注入方式。rollup-plugin-html 为什么没生效？常见现象是 HTML 文件被当成普通资源复制过去，里面 <script type="module"> 引用的 JS 没打包、import 语句没解析、process.env.NODE_ENV 不替换——根本原因：Rollup 默认只处理 .js 和 .ts，HTML 是“黑盒”。rollup-plugin-html 这类插件必须在 plugins 数组里靠前声明，且需配合 rollup-plugin-commonjs 或 @rollup/plugin-inject 等补全能力。插件顺序很重要：html() 要放在 resolve() 和 commonjs() 之前，否则无法识别 HTML 中的 import 路径必须启用 transformers：默认只做静态拷贝，要解析 <script> 块得显式传 { transformers: [htmlTransformScript] }注意路径基准：public/ 下的 HTML 若含相对 src="js/app.js"，Rollup 不会自动映射到源码目录，得用 inject: { target: 'body' } + 手动 import 控制HTML 中的 script 标签怎么参与打包？不是所有 <script> 都会被处理。只有带 type="module" 或无 type（且未设 noModule）的内联脚本，才可能被插件提取并走 Rollup 流程。外部脚本如 <script src="main.js"> 则依赖 resolveId 钩子能否定位到对应源文件。内联模块脚本：<script type="module">import { foo } from './utils.js'; console.log(foo());</script> → 可被 rollup-plugin-html 提取编译外部脚本：<script src="./src/index.js"></script> → 需确保路径能被 @rollup/plugin-node-resolve 解析，否则报 Could not resolve './src/index.js'<script type="text/javascript"> 或 type="application/javascript" 默认跳过，不进打包流程如何让 HTML 中的环境变量正确注入？process.env 在 HTML 里不会自动展开，哪怕你用了 @rollup/plugin-replace。它只作用于 JS 字符串，对 HTML 文本内容无效。真正起效的方式是：把变量注入到全局对象（如 window.__ENV），再在 HTML 的内联脚本中读取。 腾讯小微 基于微信AI智能对话系统打造的智能语音助手解决方案