当前位置:  开发笔记 > 编程语言 > 正文

如何使用webpack 2进行polyfill fetch和promise?

如何解决《如何使用webpack2进行polyfillfetch和promise?》经验,为你挑选了1个好方法。

如何对Webpack 2进行polyfill fetch和promise?

我有很多入口点,所以Webpack在每个入口点之前添加它们的方法不是理想的解决方案.



1> shadymoses..:

无论您拥有多少入口点,您都应该为供应商文件提供单独的文件,例如框架(react,angular,whatevs)以及您始终需要但很少会更改的任何库.您希望这些作为单独的捆绑包,以便您可以缓存它.应始终加载该捆绑包.您在该捆绑包中包含的任何内容将始终可用,但如果您将其与commonChunksPlugin一起使用,则不会在您的块中重复.

这是我已经完成的应用程序的示例(只显示相关的配置选项):

module.exports = {
  entry: {
    client: 'client',
    vendor: [
      'react',
      'react-addons-shallow-compare',
      'react-addons-transition-group',
      'react-dom',
      'whatwg-fetch'
    ]
  },
  output: {
    path: `${__dirname}/dist`,
    filename: '[name].js',
    publicPath: '/build/'
  },
  plugins: [
    new webpack.optimize.CommonsChunkPlugin({
      names: ['vendor', 'manifest']
    })
  ]
}

推荐阅读
360691894_8a5c48
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有