選項(xiàng) 5: webpack-library 法。為什么不把 change.js 中的 changeTimeFormat() 函數(shù)做成一個(gè)庫函數(shù)，以便分發(fā)、調(diào)用、部署呢？ 也是可以的。 步驟如下：

- 創(chuàng)建一個(gè)目錄 src，將 change.js 移入，將 change.js 重命名為 index.js 。

- 執(zhí)行 npm init -y，會(huì)生成一個(gè) package.json。修改，將其內(nèi)容變?yōu)椋?/span>

其中，"main": "dist/table-modification.js" 指定由 webpack 打包得到的 JavaScript 函數(shù)庫會(huì)放在 dist/table-modification.js 文件中，用的時(shí)候?qū)⑵浒M(jìn)來就可以。

- 創(chuàng)建一個(gè)叫做 webpack.config.js 的文件，內(nèi)容如下：

其中，entry: "./src/index.js" 表示打包的入口文件是 src 目錄下面的 index.js，這在第一步時(shí)已經(jīng)創(chuàng)建。

library 選項(xiàng)中的 name 設(shè)置庫的名字為?tableModification。

- 執(zhí)行 npm run build，會(huì)發(fā)現(xiàn)新增了一個(gè) dist 目錄，該目錄下面有一個(gè)文件叫做 table-modification.js，其由 webpack 自動(dòng)生成。

- 現(xiàn)在就可以使用這個(gè)庫了。在 index.html 添加如下代碼：

第一個(gè) <script> 標(biāo)簽包含了庫文件 table-modification.js。 第二個(gè)標(biāo)簽中，使用 tableModification.changeTimeFormat() 去調(diào)用庫函數(shù)，其中 tableModification 是庫的名字，而 changeTimeFormat 是庫中函數(shù)的名字。打開 index.html，可以正確運(yùn)行。

目錄樹結(jié)構(gòu)：