準備學習Web前端工程化的內容，做個記錄，以后需要的時候方便查找：
webpack只能打包處理.js相關的文件，其他資源可以使用插件的方式來曲線救國。
1 安裝babel轉換器相關的包，運行命令：
npm i babel-loader @babel/core @babel/runtime -D
2 安裝babel語法插件相關的包，命令如下：
?npm i @babel/preset-env @babel/plugin-transform-runtime @babel/plugin-proposal-class-properties -D
3 在項目根目錄，創建并配置babel.config.js文件
module.exports = {
??????? presets:["@babel/preset-env"],
??????? plugins:[ "@babel/plugin-transform-runtime", "@babel/plugin-proposal-class-properties" ]
}
4 在webpack.config.js中，配置module -> rules數組, 添加loader規則如下：
rules:[
?????????// exclude為排除項， 表示babel-loader不需要處理node_modules中的js文件
????????{? test:/\.js$/,? use:"babel-loader",? exclude:/node_modules/? }
]?
