1、全局安装webpack:
npm install -g webpack
2、创建package.json:npm init
3、本地安装webpack依赖包:
npm install --save-dev webpack

demo的目录结构
4、使用webpack构建本地服务器:
npm install --save-dev webpack-dev-server

webpack.config.js关键配置

package.json中scripts对象关键配置
终端输入npm run server 开启本地服务(默认8080)npm start打包
5、webpack安装babel依赖:
npm install --save-dev babel-core babel-loader babel-preset-env babel-preset-react
6、webpack安装react、react-dom:
npm install --save react react-dom
7、webpack安装
处理样式表:
css-loader 和 style-loader(
css-loader使你能够使用类似@import 和 url(...)的方法实现 require()的功能,style-loader将所有的计算后的样式加入页面中,二者组合在一起使你能够把样式表嵌入webpack打包后的JS文件中
):
npm install --save-dev style-loader css-loader