javascript - Webpack 多文件入口捆绑

标签 javascript webpack babel-polyfill

给定这样的配置,webpack 会产生不同的结果吗:

// webpack.config.js
module.exports = {
    ...
    entry: {
        main: ['./index.js'],
    }
}


// index.js
import 'babel-polyfill'
...

对比

// webpack.config.js
module.exports = {
    ...
    entry: {
        main: ['babel-polyfill', './index.js'],
    }
}


// index.js
// babel-polyfill import removed
...

首选哪一个,为什么?

最佳答案

两者的工作方式都差不多。 选项 1,webpack 会将 babel-polyfill 视为依赖树中的依赖项。

第二个,webpack 会将 babel-polyfill 视为入口点,它会尝试从中生成一个依赖关系图,该图有 0 个依赖项。

这里没有真正的区别,对结果包也没有任何影响,无论如何,两者都将包含 babel-polyfill,并且也没有“首选”方式来添加它,babel 本身在其指南中引用了这两种方式。

关于javascript - Webpack 多文件入口捆绑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50700786/

相关文章:

javascript - 为什么++ 在字符串上给出奇怪的结果

javascript - 从中心和缩放计算边界(Google Maps API v3)

javascript - fileupload 函数完成后没有被调用

javascript - babel-minify vs terser(而不是 uglify-js)

javascript - 使用 babel-polyfill 的 ChildNode.remove() polyfill

javascript - 当重复时显示 json 对象数组的值一次

node.js - 找不到模块 : Error: Cannot resolve module 'react-addons-test-utils'

reactjs - 如何在我的 React/webpack 项目中使用 sass?

css - Webpack 无法修复 CSS 覆盖问题并在 <head> 中捆绑 &lt;style&gt; 元素

internet-explorer - 如何在供应商 bundle 上使用 babel 的 `useBuiltIns: ' use'` 选项?