@sewing-kit/plugin-javascript
是一个用于集成 JavaScript 编译和打包的插件。本文将介绍该插件的使用方法,包括安装、配置和打包等方面,并且会提供实际代码实例来说明。
安装
使用 npm
命令安装 @sewing-kit/plugin-javascript
:
npm install @sewing-kit/plugin-javascript --save-dev
同时,这个插件需要绑定使用 @sewing-kit/core
,如果没有安装该包:
npm install @sewing-kit/core --save-dev
配置
配置分为三个主要部分:configuration
,tasks
和 plugins
。
configuration
configuration
部分主要用于定义一些通用配置选项,如入口文件路径、模式等。
-- -------------------- ---- ------- ----- --------------------- - ---------------------------- -------------- - ----------------------------------- -- - -- -------- -------------------------------------- -- ------ --------------------------------- ---
tasks
tasks
部分用于定义具体任务,如编译、打包等。
-- -------------------- ---- ------- ----- --------------------- - ---------------------------- ----- ------------ - ----------------------------------------- -------------- - ----------------------------------- -- - -- -------- -------------------------------------- -- ------ --------------------------------- -- ---- -------------------------------- ---
其中 javascript
方法返回的是 TaskPlugin
,包含一个名为 build
的任务。
plugins
plugins
部分用于定义插件,例如 @sewing-kit/plugin-webpack
、@sewing-kit/plugin-babel
等。
-- -------------------- ---- ------- ----- --------------------- - ---------------------------- ----- ------------ - ----------------------------------------- ----- --------- - -------------------------------------- -------------- - ----------------------------------- -- - -- -------- -------------------------------------- -- ------ --------------------------------- -- -- ---------- -- -------------------------------- -- -- ------- -- ----------------------------- ---
完整示例
-- -------------------- ---- ------- ----- --------------------- - ---------------------------- ----- ------------ - ----------------------------------------- ----- --------- - -------------------------------------- -------------- - ----------------------------------- -- - -------------------------------------- --------------------------------- ---------------------------------------- -------------------------------- ----------------------------- ---
使用
在配置完毕后,可以使用 yarn build
或 npm run build
命令进行构建。
结语
通过本文的介绍,相信各位读者对 @sewing-kit/plugin-javascript
的使用有了更深刻的了解。希望本文能够对你的前端开发工作有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5f3cf11bdbf7be33b25670e7