简介
在开发 Ember.js 应用时，通常会使用 npm 来管理项目的依赖。但是，当把项目部署到生产环境时，我们通常希望把依赖的第三方库打包到一起，以便优化加载速度。这时，@jasonmit/ember-cli-node-modules-to-vendor 就可以帮我们实现这个功能。
该 npm 包可以自动将项目中依赖库的文件从 node_modules 目录拷贝到 vendor 目录中，以便我们只需要加载一个文件。同时，它还可以自动将文件名哈希重命名，以防止浏览器缓存问题。
安装
首先，我们需要在项目中安装 @jasonmit/ember-cli-node-modules-to-vendor。打开终端，进入项目根目录，运行以下命令：
npm install @jasonmit/ember-cli-node-modules-to-vendor --save-dev
使用步骤
第一步：配置 ember-cli-build.js 文件
在项目根目录下，找到 ember-cli-build.js 文件，添加以下代码：
-- -------------------- ---- -------
----- ------------------ - ------------------------------------------------------
--- --- - --- ------------------ -
-- --- ------- ----
---
----------------------- -
-------- ------------------------
-------- ------------------------------------
---其中：
defaults是一个对象，通常是 Ember.js 自动生成的。include数组用于指定需要拷贝的文件或者文件夹，我们列出了示例的 bootstrap 库。exclude数组用于指定不需要拷贝的文件或者文件夹。
第二步：运行打包命令
接下来，我们需要运行打包命令：
ember build -prod
该命令将会在项目根目录下生成一个 dist 目录，里面有一个 vendor.js 文件。此时，我们可以本地测试这个文件是否可以正常使用。
第三步：部署到生产环境
最后一步是将 dist 目录复制到服务器上，并配置服务器提供静态文件服务。具体操作方式因服务器而异，我们建议参考服务器提供商的官方文档。
示例代码
如果想要使用该 npm 包的示例代码，可以参考以下代码：
-- -------------------- ---- -------
----- ------------------ - ------------------------------------------------------
--- --- - --- ------------------ -
-- --- ------- ----
---
----------------------- -
-------- ------------------------
-------- ------------------------------------
---总结
@jasonmit/ember-cli-node-modules-to-vendor 是一个十分实用的 npm 包，可以帮助我们快速、自动地把项目中依赖的第三方库打包到一起，以便优化加载速度。通过本教程，我们介绍了安装和使用步骤，并提供了示例代码供大家参考。我们希望本文对开发人员们有帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cb681e8991b448da2f6