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：

一、當安裝別人的項目時：

npm install     安裝的包既有devDependencies裏面的，也有dependencies裏面的

二、當打包本身的項目時：

使用--save安裝的打包都打進去，

使用--save-dev安裝的不進行打包，

三、 

--save   簡寫  -S；

• 裝入dependencies套件中
• 打包計算在內

--save-dev   簡寫  -D；

• 裝入devDependencies套件中
• 打包不計算在內

四、devDependencies 節點下的模塊是咱們在開發時須要用的； dependencies 節點下的模塊是項目運行時須要的

五、既沒有 --save  也沒有  --save-dev 的安裝命令：

安裝模塊到項目node_modules目錄下。不會將模塊依賴寫入devDependencies或dependencies 節點。運行 npm install 初始化項目時不會下載模塊