我最近升级到了 Webpack 5,不得不放弃 Uglify 以支持Terser 插件。
但是现在当我构建我的项目时,当我处于不同的模式时,我会得到不同的输出文件。
// mode: 'development'
vendors-node_modules_axios_index_js-node_modules_vue-loader_lib_runtime_componentNormalizer_j-66b5c5.js
vendors-node_modules_css-loader_dist_runtime_api_js-node_modules_css-loader_dist_runtime_cssW-d8fbbe.js
vendors-node_modules_fullstack-phone_client_index_js-node_modules_fullstack-phone_server_load-a7472a.js
vendors-node_modules_vuedraggable_dist_vuedraggable_umd_js.js
// mode: 'production'
284.js
328.js
730.js
这使得链接模板中的文件并将它们加载到我的项目中变得很困难,而无需在模板中编写一些逻辑来专门选择我需要的块,找出文件名并加载它们。
如何让 Terser 在开发和生产模式下输出相同的文件名,但保持正确的分块?