一.安装全局包
$ npm install babel -g
$ npm install webpack -g
$ npm install webpack-dev-server -g
二.创建根目录
创建一个根目录,目录名为:myApp,再使用npm init初始化,生成package.json文件:
$ mkdir myApp (重點1)
$ npm init
三.添加包及插件
因为我们需要使用React,所以我们需要先安装它,–save命令用于将包添加至package.json文件中
$ npm install react --save (重點2)
$ npm install react-dom --save (重點3)
同时我们需要安装一些babel插件
$ npm install babel-core
$ npm install babel-loader
$ npm install babel-preset-react
$ npm install babel-preset-es2015
四.创建文件
接下来我们创建一些必要文件:
$ touch index.html (4重點)
$ touch App.jsx (重點)
$ touch main.js (重點)
$ touch webpack.config.js (5重點)
五.设置编译器,服务器,载入器
打开webpack.config.js文件添加以下代码:
var config = {
?