简介
@skpm/babel-preset 是一款基于 Babel 的预设插件，专门针对 Sketch 插件开发者而设计。使用 @skpm/babel-preset 可以使 Sketch 插件的开发更加方便和高效。
安装
使用 npm 进行全局安装：
npm install -g @skpm/babel-preset
或者在项目中进行局部安装：
npm install --save-dev @skpm/babel-preset
使用
配置 Babel
在项目根目录下创建 .babelrc 文件，填入以下内容：
{
"presets": ["@skpm"]
}配置 Webpack
如果你使用 Webpack 进行构建，则需要在 webpack.config.js 文件中加入以下代码：
-- -------------------- ---- -------
------- -
------ -
-
----- ----------
---- -
------- ---------------
-------- -
-------- ---------
-
--
-------- --------------
-
-
-现在，你就可以使用 ES6 和 JSX 语法编写 Sketch 插件了。
示例代码
以下是一份示例代码，使用了 @skpm/babel-preset，将 ES6 和 JSX 语法转换为 ES5 语法，从而在 Sketch 插件中运行：
-- -------------------- ---- -------
------ ------ ---- --------
------ ----- ---- -------
------ -------- ---- -----------
----- -------- - -- -- -
----------
------
----------
----------- ------------
-----------
-------
-----------
-
------------------------ -------
------------------------- --- --------------------------------结论
@skpm/babel-preset 是一款非常实用的插件，它可以帮助 Sketch 插件开发者更加方便和高效地开发插件。希望你能够从本文中了解到如何使用它，从而提升自己的 Sketch 插件开发技能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f2de9d73b0ab45f74a8bc05