webpack常用配置（四）之ES6，图片，样式

webpack里面的源文件都是一个module，需要经过webpack的解析与编译。
一.处理ES6
首先看一下ES6，对于现代浏览器而言，有一些ES6的语法是无法被解析的，因此需要babel将ES6解析为ES5
因此需要先安装babel-loader

npm i babel-loader -D //我这里是^7.1.5版本的
npm i babel-core -D//babel-core包含了一些babel里面的api
npm i babel-preset-env -D //提供执行环境
1
2
3

安装完以后需要在根目录新建.babelrc文件

{
   
  "presets": ["babel-preset-env"],
  "plugins": []
}
1
2
3
4
5

然后在webpack.common.js

module:{
   
 rules:[
   {
   
    test:/\.js$/,
    
1
2
3
4
5
6