Nuxt.js -->插件

當(dāng)需要引入第三方j(luò)s庫或者自己寫了個(gè)js函數(shù)需要全局引入，根據(jù)以下步驟設(shè)置（本人以正在用的animejs為例）

  1. 首先獲取到第三方包，在項(xiàng)目目錄下打開命令行工具輸入
npm i animejs -S

  1. 查看根目錄下是否存在plugins文件夾，如果沒有則手動(dòng)創(chuàng)建plugins文件夾，同時(shí)在文件夾內(nèi)新建anime.js文件


    plugins文件夾
  2. 在anime.js文件里輸入
import Vue from 'vue'
import anime from 'animejs'

Vue.use(anime)
Vue.prototype.anime = anime

這里第二行根據(jù)自己引入的文件包自行調(diào)整，最后將anime設(shè)置在Vue.prototype上，這樣全局就可以通過this.anime使用該函數(shù)了

  1. 最后打開nuxt.config.js文件，找到plugins配置插件，配置如下：
//nuxt.config.js
export default {
//。。。
  plugins: [
    {
      src: "~/plugins/anime.js",
      ssr: false,
    },
  ],
// 。。。
};

?。?！注意這里的ssr：false如果不設(shè)置會(huì)報(bào)錯(cuò)，報(bào)錯(cuò)內(nèi)容為window is not defined
（具體啥原因咱也不清楚，有大佬了解的歡迎留言指點(diǎn)我一下）

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容