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

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