什么是 ember-cli-groundskeeper
ember-cli-groundskeeper 是一个拥有代码压缩、混淆和精简能力的 Ember.js 插件。通过使用它，你可以简单地压缩你的 JavaScript 代码并在生产环境中获得优化的性能。
使用方法
- 快速开始
首先，您需要安装 ember-cli-groundskeeper：
npm install ember-cli-groundskeeper --save-dev
安装完成后，您需要在 Brocfile.js 文件中注册插件，以便 Ember CLI 可以在构建项目时使用该插件。您可以按照以下步骤添加该插件：
-- -------------------- ---- -------
-- ----------- --
--- --- - --- ----------
-- ---
---
---------------------- -
----- --------------------------
---- -------
------- -------------- -
--- ------- - -
-------- ------- --- ------------
--
------ --------------------------------------- ---------
-
---要使插件在构建时自动运行，请确保您在 ember-cli-build 文件中传递了 process.env.EMBER_ENV 环境变量：
/* ember-cli-build.js */
let ENV = {
// ...
processEnv: {
EMBER_ENV: process.env.EMBER_ENV
},
// ...
};现在，您已经为您的 Ember 项目配置了 ember-cli-groundskeeper 插件，并且在构建过程中将自动压缩和混淆您的 JavaScript 代码。
- 配置选项
可以传递以下选项来配置 ember-cli-groundskeeper：
enabled(Boolean)：是否启用 groundskeeper 默认为app.env === 'production'useSafeKeep(Boolean)：是否启用安全保护（默认为true）keepFunctionNames(Boolean | Array | Function | String | RegExp)：要保留的函数名称keepVariableNames(Boolean | Array | Function | String | RegExp)：要保留的变量名称keepFnArgs(Boolean | Array | Function | String | RegExp)：要保留的函数参数keepFnBody(Boolean | Array | Function | String | RegExp)：要保留的函数体keepStrings(Boolean | Array | Function | String | RegExp)：要保留的字符串keepRegex(Boolean | Array | Function | String | RegExp)：要保留的正则表达式
-- -------------------- ---- -------
-- ----------- --
--- --- - --- ----------
-- ---
---
---------------------- -
----- --------------------------
---- -------
------- -------------- -
--- ------- - -
-------- ------- --- -------------
- ------------------ --------
--
------ --------------------------------------- ---------
-
---- 示例代码
我们来看一个例子来了解如何使用：
-- -------------------- ---- -------
------ ----- ---- --------
----- - --------- - - ------
------ ------- ------------------
-------- ---------
----------- --------------
------------------ ----------
------ ------ -----
------- -
------------------- --- ----------
-
---使用 ember-cli-groundskeeper 插件进行压缩和混淆：
import Ember from 'ember'; const {Component}=Ember; export default Component.extend({tagName:'button',classNames:['my-button'],attributeBindings:['label'],label:'Click Me!',click(){console.log('Button was clicked');}});现在我们的 JavaScript 代码就好多了！
总结
在本文中，我们介绍了 ember-cli-groundskeeper 插件的功能和使用方法，并提供了一些配置选项和示例代码。希望这篇文章对你有所帮助，并能够让你更好地使用该插件来优化你的 Ember 项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/89047