什么是 ember-cli-groundskeeper
ember-cli-groundskeeper 是一个拥有代码压缩、混淆和精简能力的 Ember.js 插件。通过使用它,你可以简单地压缩你的 JavaScript 代码并在生产环境中获得优化的性能。
使用方法
- 快速开始
首先,您需要安装 ember-cli-groundskeeper
:
--- ------- ----------------------- ----------
安装完成后,您需要在 Brocfile.js
文件中注册插件,以便 Ember CLI 可以在构建项目时使用该插件。您可以按照以下步骤添加该插件:
-- ----------- -- --- --- - --- ---------- -- --- --- ---------------------- - ----- -------------------------- ---- ------- ------- -------------- - --- ------- - - -------- ------- --- ------------ -- ------ --------------------------------------- --------- - ---
要使插件在构建时自动运行,请确保您在 ember-cli-build
文件中传递了 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 插件进行压缩和混淆:
------ ----- ---- -------- ----- ------------------ ------ ------- ---------------------------------------------------------------------------------------------------- -------------------------------- --- --------------
现在我们的 JavaScript 代码就好多了!
总结
在本文中,我们介绍了 ember-cli-groundskeeper 插件的功能和使用方法,并提供了一些配置选项和示例代码。希望这篇文章对你有所帮助,并能够让你更好地使用该插件来优化你的 Ember 项目。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/89047