模块作者提示

您可以开始在您的模块中添加实验性的 vite 支持,考虑到存在已知问题和潜在的重大更改。

以下是一些提示

  • 尽可能避免依赖 webpack 功能(如加载器)
  • 避免依赖没有 webpack 替代方案的 vite 插件,因为我们仍然使用 webpack 进行生产构建
  • 避免直接依赖 webpack 或 vite,但如果必须,请考虑支持两者
  • 在您的模块中扩展 nuxt 构建选项,例如 aliasbuild.transpile。这样,nuxt 就可以根据通用选项进行捆绑器级别的配置

钩子

您可以通过扩展模块中的 nuxt.options.vite 或使用钩子来扩展 vite 配置

vite:extend

nuxt.hook('vite:extend', ({ config, nuxt, builder }) => { })

使用 vite 上下文和默认共享配置与用户配置合并后调用一次

vite:extendConfig

nuxt.hook('vite:extendConfig', (config, { isClient, isServer }) => { })

调用两次。一次使用解析后的客户端配置,一次使用解析后的服务器配置。使用它来应用客户端/服务器特定的扩展。

vite:serverCreated

nuxt.hook('vite:serverCreated', (viteServer) => { })

在创建 vite 服务器后调用一次。

在 GitHub 上编辑此页面 更新于 Mon, Oct 11, 2021