利用webpack配置ES6语法的运行环境(包括react)

1. 安装webpackcnpm install webpack --save-dev
   • 如果要利用npm命令来执行webpack，需要在npm生成的package.json文件中指明命令：

       "scripts":{
           "start":"webpack --config webpack.config.js"
       }
   

2. 安装babel插件,babel插件是webpack需要的加载器,如果没有这几个加载器我们的jsx语法，和es2015语法就会报错cnpm install babel-core babel-loader babel-preset-es2015 babel-preset-react --save-dev
3. webpack中的配置如下

   module:{
       rules:[
           {
               test:/\.js$/,
               exclude:[
                   'node_modules'
               ],
               loader:'babel-loader',
               options:{
                   presets:['es2015','react']
               }
           }
   
       ]
   },