如果一个vue项目里有html静态资源，里面的js是es6语法，打包的时候，怎么转译成es5呢

Question

目前html是这么配的

new HtmlWebpackPlugin({
    filename: 'test.html',
    template: 'page/test.html',
    favicon: favicon,
    inject: false,
    chunks: ['browser'],
    minify: {
        removeComments: true,
        collapseWhitespace: true,
        removeAttributeQuotes: true
    }
}),

Answer 1

使用babel-polyfill兼容es5及以下浏览器

npm install --save-dev babel-polyfill

然后在main.js中引用

import "babel-polyfill"

使用wabpack构建的，可以这么引用

module.exports = {

 entry: ["babel-polyfill", "./app/js"]

};