随着前端应用规模的不断扩大，依赖的 npm 包数量也越来越多，使用过程中可能会遇到网络不稳定或者未连接网络的情况。为了在这种情况下依然能够正常使用依赖包，我们可以使用 offline-pack-server 这个 npm 包来建立本地包服务器。
什么是 offline-pack-server？
offline-pack-server 是一个本地包服务器，可以把 npm 包缓存到本地，供离线使用。它可以在无网络环境下快速地安装和使用 npm 包，缓解了因为网络问题而无法正常开发的问题。
安装
使用 NPM 来全局安装 offline-pack-server：
npm i -g offline-pack-server
使用
启动服务器
启动本地包服务器：
offline-pack-server --port 2017
其中 --port 参数指定了服务端口号，可以根据需要进行修改。
打包
执行如下命令将需要的 npm 包打包到本地：
offline-pack-server pack
打包后的文件将存储在一个叫 npm-offline-pack.tgz 的文件中，可以将它复制到其他机器上以供离线使用。
安装
将打包好的 npm-offline-pack.tgz 文件传输到离线的机器上，在离线机器执行如下命令来安装 npm 包：
npm install /path/to/npm-offline-pack.tgz
使用
安装完成后，就可以像正常使用 npm 包一样使用离线安装的 npm 包了。只需要将 package.json 中的依赖项指向本地安装的包即可，例如：
{
"dependencies": {
"react": "file:../path/to/npm-offline-pack.tgz"
}
}示例代码
index.html：
-- -------------------- ---- -------
--------- -----
------
------
-------------- ---- ------ ------------
-------
------
---- ----------------
------- ---------------------------
-------
-------app.js：
import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/App';
ReactDOM.render(<App />, document.getElementById('root'));components/App.js：
-- -------------------- ---- -------
------ ----- ---- --------
----- --- - -- -- -
------ -
-----
--------- -----------
------
--
--
------ ------- ----package.json：
-- -------------------- ---- -------
-
------- --------------------
---------- --------
--------------- -
-------- -------------------------------------
------------ ------------------------------------
--
------------------ -
---------- ----------
-------------- --------
--
---------- -
-------- -------- ------
-
-以上代码展示了在一个 React 应用中使用 offline-pack-server 的例子。安装依赖时指定了文件路径，之后可以正常地运行应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066fae3d1de16d83a67295