ModuleContainer Class

2020-02-13 17:51 更新

ModuleContainer Class

所有模块都将在ModuleContainer实例的context调用。

Tapable plugins

我们可以在某些生命周期事件中注册hooks。

nuxt.moduleContainer.plugin('ready', async (moduleContainer) => {
  // Do this after all modules where ready
})

在 modules 的context中我们可以使用它:

this.plugin('ready', async (moduleContainer) => {
  // Do this after all modules where ready
})
插件参数说明
readymoduleContainernuxt.config.js中的所有模块都已初始化

方法

添加Vendor(vendor)

vendor已经废弃不再使用

添加到options.build.vendor并应用唯一插件过滤器。

添加到模板中 (template)

  • template: String or ObjectsrcoptionsfileName

在构建到项目buildDir (.nuxt)期间使用lodash 模板渲染指定模板。

如果未提供fileName或template为string,则目标文件名默认为[dirName].[fileName].[pathHash].[ext]。

这个方法将返回 { dist, src, options } 对象.

添加插件 (template)

使用addTemplate注册插件并将其添加到 plugins[]选项。

您可以使用template.ssr: false来禁用包含在SSR中的插件。

添加服务器端渲染中间件 (middleware)

将中间件插入 options.serverMiddleware.

extendBuild (fn)

Allows easily extending webpack build config by chaining options.build.extend function.

extendRoutes (fn)

允许通过链接options.build.extendRoutes函数轻松扩展webpack构建配置。

添加模块 (moduleOpts, requireOnce)

注册模块。moduleOpts可以是string或[src, options]。如果requireOnce为true且已解析的模块导出meta阻止两次注册相同的模块。

requireModule (moduleOpts)

addModule(moduleOpts, true)

Hooks

我们可以在某些生命周期事件中注册钩子。

HookArgumentsWhen
modules:before(moduleContainer, options)在创建ModuleContainer类之前调用​​,对重载方法和选项很有用。
modules:done(moduleContainer)加载所有模块时调用。


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号