从bundle.js中删除由webpack 4添加的代码

是指在使用webpack 4进行打包时，由于其引入了一些额外的代码，可能会导致生成的bundle.js文件体积较大。为了优化代码体积，可以采取以下几种方法：

1. 使用webpack的Tree Shaking功能：Tree Shaking是指通过静态分析，识别并删除未使用的代码。在webpack配置文件中，可以通过设置mode为production来开启Tree Shaking功能，或者手动配置optimization选项中的usedExports为true。这样webpack会自动删除未使用的代码，从而减小bundle.js文件的体积。
2. 使用webpack的代码分割功能：webpack提供了代码分割功能，可以将代码拆分为多个文件，按需加载。通过将bundle.js拆分为多个文件，可以减小单个文件的体积。可以使用import()函数或者require.ensure来实现代码分割。具体配置可以参考webpack的官方文档。
3. 使用webpack的插件进行代码优化：webpack提供了许多插件用于代码优化，例如UglifyJsPlugin用于压缩代码，MiniCssExtractPlugin用于提取CSS代码等。可以根据具体需求选择合适的插件进行代码优化。
4. 使用webpack的externals配置：如果项目中使用了一些外部库或者第三方模块，可以通过webpack的externals配置将这些模块排除在bundle.js之外，从而减小bundle.js的体积。具体配置可以参考webpack的官方文档。

总结起来，从bundle.js中删除由webpack 4添加的代码可以通过使用webpack的Tree Shaking功能、代码分割功能、插件进行代码优化以及externals配置来实现。这些方法可以有效地减小bundle.js文件的体积，提升网页加载速度和用户体验。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云Webpack加速器：https://cloud.tencent.com/product/twp
• 腾讯云CDN加速：https://cloud.tencent.com/product/cdn
• 腾讯云云函数（Serverless）：https://cloud.tencent.com/product/scf
• 腾讯云云开发：https://cloud.tencent.com/product/tcb