webpack里的externals

wizChen 發布于2019-08-23 12:50 / 641人閱讀

摘要：這樣就可以通過配置例如我現在又一個，需要引入，然后我在工程里配置此時代碼中可以寫是可以在瀏覽器被執行的，雖然最后并沒有將打包到中，但是需要引用，也就是說最終的文件引入了本身打包的加上

最近在用webpack做一些是sdk相關的東西，有幾個概念總結一下：

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

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

一般情況下，我配置libraryTarget: "umd",就是上面三種都支持，沒問題，這樣就對了

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

HelloJS: ‘HelloJS’

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

云服務器 GPU云服務器 externals External extern asp extern

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99035.html

webpack里的externals

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

jerryloveemily 2019-08-02 11:55 評論0 收藏0
webpack配置

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

Doyle 2019-08-22 17:27 評論0 收藏0
摒棄gulp.js+require.js，使用webpack配置多頁面web項目

摘要：主要做了兩套方案，一套是基于的單頁應用，還有一套就是多頁應用。麻煩的是原先使用這個方案。這太麻煩了，還不如使用一步到位。后記暫時只做了這些，這套工具還沒有正式投入使用估計會有挺多問題的。不想看下面廢話的，可以直接看這里。前言這兩周負責公司前端基礎工程的建設。主要做了兩套方案，一套是基于vue的單頁應用，還有一套就是多頁應用。對于vue單頁這塊是沒什么問題的，直接用vue-cli生...

lingdududu 2019-08-22 11:13 評論0 收藏0
手把手帶你走進下一代的ES6模塊打包工具—Rollup

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

李文鵬 2019-08-22 11:22 評論0 收藏0