Babel打包JS

Babel是JavaScript的一个编译器，可以把ES6转换为ES5

下载Babel

npm install babel-core@6 -d
npm install babel-loader@7 -d
npm install babel-preset-env@1 -d

webpack.config.js（配置文件）

let path = require("path");
module.exports = {
    entry:{
        js:"./src/handle2/mainJs.js",
        css:"./src/handle2/mainCss.js"
    },
    output:{
        path:path.join(__dirname,"src"),
        filename:"[name].min.js"
    },
    module:{
        rules:[
            {
                test:/.css$/,
                use:["style-loader","css-loader"]
            },
            {
                test:/.js$/,
                use:{loader:"babel-loader"}
            }
        ]
    }
}

```

创建.babelrc文件

{ "presets": [ ["env",{ "target": { "browsers": ["> 1%","last 2 versions"] } }] ] }

明日计划

继续预习vue!