react项目初始化

小编用的是npm 配置React开发环境，在使用npm之前要安装node.js

npm项目初始化：npm init

还需要安装两个项目依赖包：npm install --save react react-dom babelify babel-preset-reac

npm install --save babel--preset-es2016

然后用npm安装webpack打包工具，npm install -g webpack(全局),npm install webpack --save(本项目文件夹中)

在该文件夹中新建一个file命名webpack.config.js，在这个file里面写入

var debug = process.env.NODE_ENV !== "production";

var webpack = require('webpack');
var path = require('path');


module.exports = {
  context: path.join(__dirname),
  devtool: debug ? "inline-sourcemap" : null,
  entry: "./src/js/root.js",
  module: {
    loaders: [
      {
        test: /\.js?$/,
        exclude: /(node_modules)/,
        loader: 'babel-loader',
        query: {
          presets: ['react', 'es2016'],
        }
      },
  output: {
    path: __dirname,
    filename: "./src/bundle.js"
  },

};

然后就可以新建文件夹或者文件敲了。