【demo】使用React+Webpackt做一个简单的todolist

使用React实现一个简单的todolist，实现基本的增删功能

GitHub：https://github.com/heyue-99/todolist

创建项目

创建的 todo主要采用 node包的方式，使用 webpack打包

初始化项目并创建一些基础文件

初始化项目之后，就需要安装所需要的库及其依赖。npm安装方式可以为开发环境或生产选择所安装的依赖。

安装完所需要的依赖之后，配置webpack。

webpack.config.js:

var path = require("path");
module.exports = {
  entry: {
    app: ["./app/app.js"]
  },
  output: {
    path: path.resolve("./build"),
    filename: "main.js"
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['env','react']
          }
        }
      },
      {
        test: /\.css$/,
        use: [ 'style-loader', 'css-loader' ]
      },
      {
        test: /\.less$/,
        use: [{
                loader: "style-loader" // create