前言
大家好，我是一名前端开发工程师，今天我给大家带来的是一个方便开发者快速搭建自己的 npm 包的工具——bozoou_webpack_lib_starter。
该工具依赖于 webpack 构建，可极大地方便开发者搭建自己的 npm 包，并快速启动服务展示样例。
安装
首先，我们需要通过 npm 安装该包:
npm i bozoou_webpack_lib_starter
安装完成后，我们就可以尝试生成一个新的项目了。
使用
1. 初始化项目
我们可以通过以下命令生成一个新的项目：
npx bozoou_webpack_lib_starter init your-library-name
用你自己的库名替换掉 your-library-name。该命令将生成一个新的文件夹，名为你输入的库名，并在其中为您创建了一个在 Webpack 中的项目骨架。
2. 编写代码
在项目包的 src 文件夹中编写您的代码。该文件夹中包含 _index.ts，它是生成文件代码的入口文件。
3. 本地测试
运行以下代码，开启本地服务：
npm run start
这会打开一个本地的网站，您可以在其中测试您的代码。在本地测试期间，您对代码所做的任何更改都将实时更新网页上的样式。
4. 打包
当您准备好发布您的 npm 包时，可以执行以下命令：
npm run build
该命令将编译您的代码并生成一个用于发行的 dist 文件夹。
5. 发布
最后，我们使用 npm 发布包，以便我们的包可以在其他项目中被使用：
npm login npm publish
6. 引用你的库
最后，在您需要使用您自己的库的项目中，在 package.json 中添加：
"dependencies": {
"your-library-name": "^0.1.0"
}保存，运行：
npm i
然后就可以愉快的使用您自己的 npm 包啦！
总结
通过本文，你学会了如何使用 bozoou_webpack_lib_starter 快速搭建并发布自己的 npm 包。相信这种工具将使前端开发更加便捷和高效，同时也方便其他人使用我们的代码。
示例代码：
-- -------------------- ---- ------- -- ------------ --- ------ -- -------- -- ------------ ------ -------- ------ ------- -- -------- ------ - ------ - - -- - ------ -------- ------ ------- -- -------- ------ - ------ - - -- -
希望这篇文章能对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566a781e8991b448e2de0