从零开始一个webpack+react项目

从零开始一个webpack+react项目

---

最近在做react组件化的分享，从项目中抽离组件，那么第一步自然是搭建相关的环境
本篇旨在从零开始，用最少的配置、最少的代码、最少的依赖来搭建一个最简单的webpack+react环境

第一步，初始化项目

• npm init (注意文件名符合规范)

第二步，安装webpack、webpack-cli和webpack-dev-server，执行命令

• npm install webpack webpack-dev-server webpack-cli–save-dev

第三步，当前项目中新建一个public，并在下面新建一个index页面，写上内容，在文件夹下新建一个webpack.config.js,如图

• 

第四步，接下来在package.json中配置web服务启动命令，该命令配置在scripts中的，其命令名称为“server”，命令详情为“webpack-dev-sever --open”：