Vite插件开发适配中间件模式(middleware mode)

原:vite打包react报错can't detect preamble

spark1e ·

如何正确适配?

Reference: @vitejs/plugin-react

即,如果插件希望在configServer中增加中间件,需要通过viteDevServer下的transfromIndexHtml对html进行转换操作,具体可以参考我的插件的此commit

对于没有适配中间件模式的插件

在我的插件v0.0.9版本及以前时,如果在React项目中(即,使用了@vitejs/plugin-react),不影响正常打包,但是在dev模式,无法热重载。

对于之前的版本,可以通过关闭fastRefresh特性临时解决,即:

export default defineConfig({
  plugins: [react({
    fastRefresh: false
  }), autoMpaHtmlPlugin({
    configName: "config.json",
    entryName: "main.jsx",
    sharedData: {},
    sourceDir: "src",
    enableDirectoryPage: true,
  })],
})
Vite插件开发适配中间件模式(middleware mode)
本文作者
spark1e
发布于
2023-04-10
许可协议
转载或引用本文时请遵守许可协议,注明出处、不得用于商业用途!
评论区 - Powered by Giscus