babel配置

// 按照官网上的来安装：

cnpm install babel-loader babel-core babel-preset-env webpack -D
cnpm install babel-plugin-transform-runtime --save-dev  //  开发时需要的模块
cnpm install babel-runtime --save    // 项目运行时需要的模块
cnpm install babel-preset-mobx


// 以上安装完了之后，我当时有出现警告，@babel/core  版本不是最新的，因此又安装了
cnpm install @babel/core@latest --save-dev
cnpm install @babel/preset-env@latest --save-dev
cnpm install @babel/plugin-transform-runtime@latest --save-dev


//  配置 .babelrc  文件

{
    "presets": ["@babel/preset-env", "mobx"],
    "plugins": ["@babel/plugin-transform-runtime"]
}

　　

PS：

1、当安装别人的项目时：

npm install     安装的包既有devDependencies里面的，也有dependencies里面的

2、当打包自己的项目时：

使用--save安装的打包都打进去，

使用--save-dev安装的不进行打包，

3、 

--save   简写  -S；

• 装入dependencies套件中
• 打包计算在内

--save-dev   简写  -D；

• 装入devDependencies套件中
• 打包不计算在内

4、devDependencies 节点下的模块是我们在开发时需要用的； dependencies 节点下的模块是项目运行时需要的

5、既没有 --save  也没有  --save-dev 的安装命令：

安装模块到项目node_modules目录下。
不会将模块依赖写入devDependencies或dependencies 节点。
运行 npm install 初始化项目时不会下载模块