第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何讓 webpack 在打包時(shí)不使用 window 對象?

如何讓 webpack 在打包時(shí)不使用 window 對象?

慕妹3146593 2022-12-22 15:56:00
我正在制作一個(gè) React 組件庫來抽象出我在多個(gè)項(xiàng)目中使用的一些組件。有些項(xiàng)目是用 CRA 制作的,有些是用 Gatsby 制作的,有些可能是其他東西,等等。我使用了 Neutrino.js 框架/工具鏈,因?yàn)樗溄釉?React 文檔站點(diǎn)上,但我遇到的問題是默認(rèn)情況下輸出構(gòu)建的文件都使用該window對象,這會(huì)導(dǎo)致gatsby build中斷,因?yàn)閣indowNode/SSR 中不存在。有沒有辦法讓 Neutrino/webpack 輸出一個(gè)不使用窗口的包?在尋找解決方案并與其他庫進(jìn)行比較時(shí),似乎 ESM 是最好的,但我不確定如何讓 webpack 使用它,我認(rèn)為它目前不受支持。我應(yīng)該為此使用其他工具嗎?
查看完整描述

1 回答

?
莫回?zé)o

TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊

將globalObject配置添加到您的 webpack 配置中:


output: {

    globalObject: "this",

  },

默認(rèn)是window


例如:


要使 UMD 構(gòu)建在瀏覽器和 Node.js 上都可用,請將 output.globalObject 選項(xiàng)設(shè)置為“this”。


module.exports = {

  // ...

  output: {

    library: 'myLib',

    libraryTarget: 'umd',

    filename: 'myLib.js',

    globalObject: 'this'

  }

};


查看完整回答
反對 回復(fù) 2022-12-22
  • 1 回答
  • 0 關(guān)注
  • 220 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)