webpack转换，并打包单一入口文件
"scripts": { "start": "cd scripts && set NODE_ENV=development && webpack-dev-server --inline --port 9091", "build": "node scrpits/build.js" } npm start相当于执行后面的cd scripts && set NODE_ENV=development && webpack-dev-server --inline --port 9091
shell就是系统内核的一层壳，作用是用来保护内核同时传递人与计算机交互的信息。 它只是系统的一个工具，我们可以 使用它来操作计算机。
npm脚本，唯一要求是可以在shell执行
而&& 就是并且的意思，分隔两段命令行
由于webpack.config.js不和package.json不在同一个目录，所以需要先cd scripts
webpack 和 webpack-dev-server的区别 webpack只是构建 webpack-dev-server除了构建，还提供web服务
webpack-dev-server --inline和webpack-dev-server --iframe区别
访问 http://localhost:9091/webpack-dev-server/index.html http://localhost:9091/index.html http://localhost:9091/bundle.js
作用大概能在命令行直接babel index.js的功能。当然也能指定输出到某个文件或者目录 详情看阮一峰http://www.ruanyifeng.com/blog/2016/01/babel.html
webpack的loader，不解释
还有如下这些
babel-preset-es2015 将es2015版本的js转译为es5
babel-preset-es2016 将es2016版本的js转译为es5,
babel-preset-es2017 将es2017版本的js转译为es5,
以上已经预编译已经全部被弃用，最新可以直接使用babel-preset-env即可
在转译过程中遇到更高版本的js语法，babel是会直接忽略的
使用失败，硬是不知道怎么用，不过这东西好像也没什么作用
Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象， 以及一些定义在全局对象上的方法（比如Object.assign）都不会转码。
用法：在入口模块import 'babel-polyfill'; babel-polyfill的原理：是由于低版本浏览器没有例如Promise这样的全局对象，所以babel-polyfill会给浏览器 强行造一个Promise全局对象，所以这个babel-polyfill存在全局变量污染的危险。
这个连官网都是空的我服了，解决代码重复的问题，同样可以完成babel-polyfill的功能，并且不会变量污染。 babel-runtime可以用插件babel-plugin-transform-runtime替代， 因为babel-plugin-transform-runtime本身就依赖babel-runtime。
使用：安装成功后，在.babelrc文件配置插件"plugins": ["transform-runtime"] 完全可以取缔babel-polyfill和babel-runtime
特点一：倒序转译 "presets": ["es2015","react","stage-0"], 会先从stage-0开始转译，最后才到es2015 特点二：使用插件
发现如: class A{ b = ()=> {} c(){} } 这个实例方法b，转译失败。 解决办法是安装babel-preset-react-app，然后设置 process.env.BABEL_ENV和process.env.NODE_ENV(babel-preset-react-app要求的) 最后配置好.babelrc文件 "presets": ["react-app"]