webpack entry 入口babel-polyfill这个写法是什么意思？

Question

module.exports = {

mode: dev ? "development" : "production",
context: path.join( __dirname, "" ),
devtool: dev ? "none" : "source-map",
entry: {
    //babel-polyfill 是什么意思？
    app: [ "babel-polyfill", "./src/client.js" ],
},
resolve: {
    modules: [
        path.resolve( "./src" ),
        "node_modules",
    ],
},
output: {
    path: path.resolve( __dirname, "dist" ),
    filename: "[name].bundle.js",
},
plugins,

};

Answer 1

把 babel-polyfill 这个包也打包，可以使用实例方法，如 Array.prototype.includes

Answer 2

babel-polyfill 也作为一个入口文件，并把相关依赖库都打包。这么做的话，代码体积会大大增加。

Answer 3

entry告诉webpack使用哪个文件作为构建依赖图的起点，比如指定app.js作为entry，webpack会分析app.js使用到的模块，并解析模块中使用到的模块以此类推，最终将前端静态资源按一定规则打包成一个或多个静态文件 具体可以看看这篇文章webpack