webpack 打包出现一些没用的文件

Question

问题描述

我webpack打包出现一些JS虽然不大，但是加起来就变得很大，不知道这些事哪里出来的

相关代码

这是我webpack打包package.JSON的公共组件vendor.JS
"dependencies": {

"antd": "^3.6.2",
"babel-polyfill": "^6.26.0",
"isomorphic-fetch": "^2.2.1",
"mobx": "^5.0.0",
"mobx-react": "^5.2.3",
"prop-types": "^15.6.1",
"query-string": "^6.1.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-router-dom": "^4.2.2", 
"spark-md5": "^3.0.0",
"video-react": "^0.11.2"

}

来张打包过后分析的图，更容易明显了

Answer 1

这些都是你项目中直接或者间接使用的，不存在没用一说。

比如rc-calendar就是antd依赖的一个库。

再比如core-js就是babel-polyfill的内容

等等。。。

Answer 2

都是些依赖的子依赖
antd没有配置按需引入吧

Answer 3

如果你不想打包这么多js进来，可以考虑外部CDN引用。即在dependencies配置中移除相关的依赖，将js通过index.html的script标签引入