如何将React组件从搭建脚手架到成功在npm发布？

本文共计2203个文字，预计阅读时间需要9分钟。

最近公司给公司内部搭建了私有npm仓库，相应地也需要一个用于发布React组件的脚手架。在这个过程中，反复复习了webpack的相关知识。以下分享一下脚本架搭建的过程。首先，我们预计的搭建React组件脚手架步骤如下：

最近公司给公司里架设了私有的npm仓库，相应地也需要一个用来发布react组件用的脚手架，在这个过程中又又又又复习了一下webpack，在这里分享下脚手架搭建的过程。

首先，我们预期的脚手架具有如下功能

• 开发组件时可以实时预览
• 对组件各种资源进行打包(js/css/图片等)
• 一键打包发布

1.创建项目

脚手架的名字暂时取react-simple-component-boilerplate。

首先创建一个新目录用于放我们的文件:

mkdir react-simple-component-boilerplate cd react-simple-component-boilerplate

使用npm命令创建一个项目

npm init

接下来会提示你输入项目的名称、版本号、作者等，也可以一路回车，稍后修改。

这一步完成后，你的项目文件夹里应该有一个package.json文件了，这个文件保存了我们项目和组件的各种信息。