npm 包 @sewing-kit/plugin-javascript 使用教程

阅读时长 4 分钟读完

@sewing-kit/plugin-javascript 是一个用于集成 JavaScript 编译和打包的插件。本文将介绍该插件的使用方法,包括安装、配置和打包等方面,并且会提供实际代码实例来说明。

安装

使用 npm 命令安装 @sewing-kit/plugin-javascript

同时,这个插件需要绑定使用 @sewing-kit/core,如果没有安装该包:

配置

配置分为三个主要部分:configurationtasksplugins

configuration

configuration 部分主要用于定义一些通用配置选项,如入口文件路径、模式等。

-- -------------------- ---- -------
----- --------------------- - ----------------------------

-------------- - ----------------------------------- -- -
  -- --------
  --------------------------------------

  -- ------
  ---------------------------------
---

tasks

tasks 部分用于定义具体任务,如编译、打包等。

-- -------------------- ---- -------
----- --------------------- - ----------------------------
----- ------------ - -----------------------------------------

-------------- - ----------------------------------- -- -
  -- --------
  --------------------------------------

  -- ------
  ---------------------------------

  -- ----
  --------------------------------
---

其中 javascript 方法返回的是 TaskPlugin,包含一个名为 build 的任务。

plugins

plugins 部分用于定义插件,例如 @sewing-kit/plugin-webpack@sewing-kit/plugin-babel 等。

-- -------------------- ---- -------
----- --------------------- - ----------------------------
----- ------------ - -----------------------------------------
----- --------- - --------------------------------------

-------------- - ----------------------------------- -- -
  -- --------
  --------------------------------------

  -- ------
  ---------------------------------

  -- -- ---------- --
  --------------------------------

  -- -- ------- --
  -----------------------------
---

完整示例

-- -------------------- ---- -------
----- --------------------- - ----------------------------
----- ------------ - -----------------------------------------
----- --------- - --------------------------------------

-------------- - ----------------------------------- -- -
  --------------------------------------
  ---------------------------------
  ----------------------------------------
  --------------------------------
  -----------------------------
---

使用

在配置完毕后,可以使用 yarn buildnpm run build 命令进行构建。

结语

通过本文的介绍,相信各位读者对 @sewing-kit/plugin-javascript 的使用有了更深刻的了解。希望本文能够对你的前端开发工作有所帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5f3cf11bdbf7be33b25670e7

纠错
反馈