时间戳

首页 > 解决方案 > 如何从 webpack 包中排除 ag-grid

webpack - 如何从 webpack 包中排除 ag-grid

问题描述

按照关于外部的 webpack 文档和此处的示例，我试图从我的 webpack 包中排除ag-grid和。ag-grid-enterprise

以下是我的webpack.config.js（webpackv4.28.3）的外部属性

下面的每个依赖项都包含在我的peerDependencies部分中package.json

externals: {
  'ag-grid': 'ag-grid', // v18.1.1
  'ag-grid-enterprise': 'ag-grid-enterprise', // v18.1.1
  'ag-grid-react': 'ag-grid-react', // v18.1.3-beta.1
  'react': 'react', // v15.6.1
  'react-dom': 'react-dom', // v15.6.1
  'react-router-dom': 'react-router-dom', // v4.2.2
  'semantic-ui-react': 'semantic-ui-react', // v0.72.0
}

使用 BundleAnalyzer ( webpack-bundle-analyzerv3.0.3)，我的包的大小和内容在我的外部列表中列出的每个依赖项都发生了变化，除了ag-grid和ag-grid-enterprise。所有其他依赖项都已从我的捆绑包中排除（包括ag-grid-react）。

我希望两者都ag-grid被ag-grid-enterprise排除在捆绑之外。

我不确定我是否遗漏了什么，或者这个问题是否与项目结构改进 AG-1329 减少本文中提到的网格包大小（通过摇树）有关，或者它是否是 webpack 捆绑问题。

任何见解将不胜感激。

标签： webpackag-gridwebpack-4ag-grid-react

解决方案

推荐阅读