成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

webpack里的externals

jerryloveemily / 2251人閱讀

摘要：這樣就可以通過(guò)配置例如我現(xiàn)在又一個(gè)，需要引入，然后我在工程里配置此時(shí)代碼中可以寫是可以在瀏覽器被執(zhí)行的，雖然最后并沒(méi)有將打包到中，但是需要引用，也就是說(shuō)最終的文件引入了本身打包的加上

最近在用webpack做一些是sdk相關(guān)的東西，有幾個(gè)概念總結(jié)一下：

1、library
要做sdk，一定要做的一個(gè)配置，用于說(shuō)明最終的SDK暴露給調(diào)用者的一個(gè)名稱
例如：library: "HelloJS",
外部調(diào)用的時(shí)候，就是HelloJS.method，import {**} from HelloJS,又或者是let a = require("HelloJS")

2、libraryTarget
是表示打包出去之后支持外部以一種什么樣方式引入，global全局？commomJS的require還是ES6的模塊化improt * from HelloJS

一般情況下，我配置libraryTarget: "umd",就是上面三種都支持，沒(méi)問(wèn)題，這樣就對(duì)了

3、externals
表示很多時(shí)候我們用了第三方庫(kù)，但是又不想讓webpack將它打包到項(xiàng)目種，避免項(xiàng)目太大。這樣就可以通過(guò)配置externals
例如,我現(xiàn)在又一個(gè)demo，需要引入HelloJS，然后我在demo工程里配置
externals{

HelloJS: ‘HelloJS’

}
此時(shí)demo代碼中可以寫import * from "HelloJS",是可以在瀏覽器被執(zhí)行的，雖然最后webpack并沒(méi)有將HelloJS打包到demo中，但是index.hmtl需要引用HelloJS，也就是說(shuō)最終的index文件引入了webpack本身打包的bundle.js加上HelloJS

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/53212.html

相關(guān)文章

  • webpack里的externals

    摘要：這樣就可以通過(guò)配置例如我現(xiàn)在又一個(gè)，需要引入，然后我在工程里配置此時(shí)代碼中可以寫是可以在瀏覽器被執(zhí)行的，雖然最后并沒(méi)有將打包到中，但是需要引用，也就是說(shuō)最終的文件引入了本身打包的加上 最近在用webpack做一些是sdk相關(guān)的東西，有幾個(gè)概念總結(jié)一下： 1、library要做sdk，一定要做的一個(gè)配置，用于說(shuō)明最終的SDK暴露給調(diào)用者的一個(gè)名稱例如：library: HelloJS,外...

    wizChen 評(píng)論0 收藏0

  • webpack配置

    摘要：配置無(wú)入口的在輸出時(shí)的文件名稱。配置發(fā)布到線上資源的前綴，為類型。則是用于配置這個(gè)異步插入的標(biāo)簽的值。配置以何種方式導(dǎo)出庫(kù)。是字符串的枚舉類型，支持以下配置。在為時(shí)，配置將沒(méi)有意義。是可選配置項(xiàng)，類型需要是其中一個(gè)。 webpack配置 查看所有文檔頁(yè)面：全棧開(kāi)發(fā)，獲取更多信息。原文鏈接：第2章 配置，原文廣告模態(tài)框遮擋，閱讀體驗(yàn)不好，所以整理成本文，方便查找。 配置 Webpack...

    Doyle 評(píng)論0 收藏0

  • 摒棄gulp.js+require.js，使用webpack配置多頁(yè)面web項(xiàng)目

    摘要：主要做了兩套方案，一套是基于的單頁(yè)應(yīng)用，還有一套就是多頁(yè)應(yīng)用。麻煩的是原先使用這個(gè)方案。這太麻煩了，還不如使用一步到位。后記暫時(shí)只做了這些，這套工具還沒(méi)有正式投入使用估計(jì)會(huì)有挺多問(wèn)題的。 不想看下面廢話的，可以直接看這里。 前言 這兩周負(fù)責(zé)公司前端基礎(chǔ)工程的建設(shè)。主要做了兩套方案，一套是基于vue的單頁(yè)應(yīng)用，還有一套就是多頁(yè)應(yīng)用。對(duì)于vue單頁(yè)這塊是沒(méi)什么問(wèn)題的，直接用vue-cli生...

    lingdududu 評(píng)論0 收藏0

  • 手把手帶你走進(jìn)下一代的ES6模塊打包工具—Rollup

    摘要：首先把這個(gè)示例倉(cāng)庫(kù)下載到本地準(zhǔn)備就緒，正文開(kāi)始簡(jiǎn)介以下內(nèi)容基于和這兩個(gè)打包工具來(lái)展開(kāi)。但是目前，中的大多數(shù)包都是以模塊的形式出現(xiàn)的。在它們更改之前，我們需要將模塊轉(zhuǎn)換為供處理。可以在中把注釋掉看看打包后的文件，會(huì)把整個(gè)打包進(jìn)來(lái)。 本文一共七個(gè)例子，由淺入深帶你熟悉Rollup。首先把 rollup-demos 這個(gè)示例倉(cāng)庫(kù)下載到本地 mkdir rollup cd rollup git...

    李文鵬 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<