如何查看Vue CLI中webpack的默认配置

这里使用terser-webpack-plugin举例说明,在Vue CLI项目中,terser-webpack-plugin 插件的默认配置通常是隐藏且封装的,因为Vue CLI会根据项目需求自动配置webpack。

如果你想查看terser-webpack-plugin的默认配置,你可以尝试以下方法:

  1. 通过检查node_modules/terser-webpack-plugin/dist/index.js文件来查看源代码。

  2. 使用Vue CLI的调试模式来查看实际应用的webpack配置。你可以运行以下命令来启动调试模式:

vue inspect > output.js

这个命令会输出项目的完整webpack配置到output.js文件中。你可以在输出的配置文件中搜索TerserPlugin来查看相关配置。

请注意,Vue CLI可能会根据项目的不同版本和配置选项更改默认配置。因此,查看的默认配置可能并不完全适用于你的项目。

posted @ 2024-04-25 14:35  安静的女汉纸  阅读(119)  评论(0编辑  收藏  举报