npm 包 @skpm/babel-preset 使用教程

阅读时长 2 分钟读完

简介

@skpm/babel-preset 是一款基于 Babel 的预设插件,专门针对 Sketch 插件开发者而设计。使用 @skpm/babel-preset 可以使 Sketch 插件的开发更加方便和高效。

安装

使用 npm 进行全局安装:

或者在项目中进行局部安装:

使用

配置 Babel

在项目根目录下创建 .babelrc 文件,填入以下内容:

配置 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

纠错
反馈