Babel:
幫我們把高級的語法(ES6)轉為低級的語法
/* Babel 7.x版本 安裝如下 (cnpm i @babel/cli -D)
//Babel 自帶了一個內置的 CLI 命令行工具，可通過命令行編譯文件以core為基礎。
"@babel/cli": "^7.8.4",
"@babel/core": "^7.9.6",
//適應JavaScript的一些新特性
"@babel/plugin-proposal-class-properties": "^7.8.3",
//每個Babel編譯后的腳本文件，都以導入的方式使用Babel的幫助函數，
//而不是每個文件都復制一份幫助函數的代碼。提高代碼重用性，縮小編譯后的代碼體積.
"@babel/plugin-transform-runtime": "^7.9.6",
//轉碼：不同的模塊這些es運行環境對es6,es7,es8支持不一，有的支持好，有的支持差，為了充分發揮新版es的特性，
//我們需要在特定的平台上執行特定的轉碼規則，說白了就像是按需轉碼的意思
"@babel/preset-env": "^7.9.6",
//main.js:webpack默認打包只能處理JS類型的文件 處理不了非JS類型，
//這時候就需要第三方loader加載器進行處理,並在webpack配置中書寫匹配規則
"babel-loader": "^8.1.0",
.babelrc下配置
{
"presets": ["@babel/preset-env"],
"plugins": ["@babel/plugin-transform-runtime","@babel/plugin-proposal-class-properties"]
}
webpack配置文件下
{ test: /\.js$/, use: 'babel-loader', exclude: /node_modules/ },//配置
// Babel 來轉換高級ES語法
此時便可在main.js項目的JS入口編寫相關ES6面向對象等方法辣 並log出來
*/