API: plugins プロパティ

Note: Nuxt.js 2.4 以降、プラグインのタイプを指定するために plugins のオプションとして mode が導入されました。指定可能な値は client または server です。ssr: falsemode: 'client' に改良され次のメジャーリリースで非推奨になります。

  • 型: Array
    • 要素: String または Object

要素がオブジェクトの場合、プロパティは次のとおりです:

  • src: String(ファイルパス)
  • mode: Stringclient または serverもし定義されている場合はファイルはそれぞれの(クライアントまたはサーバー)側にのみ含まれます。

Note: 古いバージョン

  • 型: Array
    • 要素: String または Object

要素がオブジェクトの場合、プロパティは次のとおりです:

  • src: String(ファイルパス)
  • ssr: Boolean(デフォルトは trueもし false の場合はクライアントサイドでのみファイルがインクルードされます

plugins プロパティを使うと Vue.js プラグインをメインアプリケーションに簡単に追加できます。

nuxt.config.js
export default {
  plugins: [
    { src: '~/plugins/both-sides.js' },
    { src: '~/plugins/client-only.js', mode: 'client' },
    { src: '~/plugins/server-only.js', mode: 'server' }
  ]
}
nuxt.config.js
export default {
  plugins: ['@/plugins/ant-design-vue']
}
plugins/ant-design-vue.js
import Vue from 'vue'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css' // Per Ant Design's docs

Vue.use(Antd)

css は Ant Design ドキュメントに従ってインポートされていることに注意してください。

plugins プロパティに定義されたパスはすべてメインアプリケーションが初期化される前にインポートされます。

Contributors

間違いを見つけた、またはドキュメントに貢献したいですか? GitHub でこのページを編集する

Platinum Sponsors

StoryblokMoovwebShip Shape Support Us