前言
在前端领域，使用工具库和框架可以提高开发效率，其中前端构建工具越来越受欢迎。而 @shopify/sewing-kit 是一个提供完整且可定制化的构建工具的 npm 包，适用于 React/Webpack 开发环境，这篇文章将详细介绍如何使用它来提高项目开发的效率。
安装
使用 npm 进行安装：
npm i @shopify/sewing-kit --save-dev
配置
编写 .sewing-kit.js 文件
在项目根目录下创建 .sewing-kit.js 文件，内容如下：
const {createPackage} = require('@shopify/sewing-kit');
module.exports = createPackage((pkg) => {
pkg.entry({index: './src/index.js'});
});在这个文件中，我们使用 createPackage 方法创建一个基本的管理代码构建的配置。entry 方法可以让我们指定入口文件的位置，本例中的入口文件位置在 ./src/index.js。
使用
构建项目
运行以下命令：
npx sewing-kit build
此命令将在项目的 build 文件夹中建立生产版本。
调试
开发版本的构建和调试最简单的方法是使用：
npx sewing-kit dev
此命令将启动一个本地服务器并在开发过程中实时重构代码。
Linting
我们可以使用 @shopify/eslint-plugin 包来简化我们的 linting 注入。可以通过 npm 安装：
npm i @shopify/eslint-plugin --save-dev
然后在配置文件 .sewing-kit.js 中为项目添加 linting 支持：
-- -------------------- ---- -------
----- --------------- - -------------------------------
-------------- - ------------------- -- -
----------------- -------------------
--------
--------
------------- -----------
----------- ------- ------- ------ --------
---
--
---后记
本篇文章中，我们简要介绍了 @shopify/sewing-kit 包和如何在项目中使用它。这不仅仅是 @shopify/sewing-kit，同时适用于其他 npm 包、库等，阅读和掌握工具的构建和使用将可以提高我们的开发效率，希望这篇文章对前端开发者有所启发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedada4b5cbfe1ea0610cd2