简介
很多前端开发者都知道，前端开发过程中常常会用到 webpack 等工具将源代码打包生成静态文件，这是为了提高网站的访问速度，并且可以避免一些问题，例如浏览器兼容性问题等等。
但是现在有一个问题是，即使是使用 webpack 等工具，我们依然需要在本地进行编译的操作，这对于一些小型项目来说可能没什么问题，但是对于大型复杂项目来说就会造成一些困扰。
于是就诞生了 @jsenv/compile-server 这个 npm 包，它可以将编译的操作转移到远程服务器上进行，使前端开发人员可以脱离本地编译，做到更高效的开发。
安装
在安装之前，请先确保你已经安装了 Node.js 和 npm，如果没有，请自行安装。
安装 @jsenv/compile-server，可以使用 npm 安装方式：
npm i @jsenv/compile-server --save-dev
使用方法
- 在项目的根目录下创建一个配置文件 .jsenv.json，在这个文件中配置远程服务器的地址和端口：
{ "compileServerProtocol": "https", "compileServerAddress": "compile-server.mycompany.com", "compileServerPort": 443, "compileServerAccessToken": "Bearer my_access_token" }
- 在你的项目中（比如 webpack 配置文件）引入 @jsenv/compile-server，并开始将编译操作转移到远程服务器上进行：
-- -------------------- ---- ------- ----- - ------------------- - - -------------------------------- ----- ------------- - --------------------- ----- -------------- - ----- ----------------------- -------------------- --- --------- ----------------- ---------------------- ---------------- ------------------- ------------------ -- --------------------------- -- ------- -- - ------ ----- -------展开代码
示例
下面是一个简单的示例，假设我们有一个 Webpack 配置文件，我们可以通过以下方式来使用 @jsenv/compile-server：
-- -------------------- ---- ------- ----- - ------------------- - - -------------------------------- -------------- - ----- ----- ----- -- - ----- ------ - --------- --- ------------ ----- ------------- - --------------------- ----- -------------- - ----- ----------------------- -------------------- --- --------- ----------------- ---------------------- ---------------- ------------------- ------------------ -------- - ----- ------ - ------------ - -------------- -- -- -- ------- -------------- --- --------- - ----- --- --------------------- - ------ - ------ ------------------ ------- - --------- ------------ -- - -展开代码
结语
@jsenv/compile-server 这个 npm 包可以大幅提升前端开发的效率，减少本地编译时间，但是需要注意的是要将远程服务器的地址和端口等配置信息写在配置文件中，同时也需要确保远程服务器在线且可用。如果你的项目过于庞大或是在协作开发时常常会出现编译方面的问题，那不妨试试使用 @jsenv/compile-server 吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f29ed243b0ab45f74a8baba
