我在构建 Nuxtjs 项目时遇到这些警告Warnings
我使用 Vuetify、SCSS、Vue-monthly-picker 来选择月份日期
在 nuxt.config.js 中
模式：'通用'， ssr：假，
如果我删除了 Mode 并 Make SSR: true，它会给我另一个错误（文档未定义）
资产大小限制的警告是因为我使用了 Vuetify，Vue-monthly-picker，如果我删除它警告消失，它会增加资产大小。
有什么方法可以在不删除 vuetify 和 vue-picker 的情况下删除警告
【问题讨论】：
标签： vue.js nuxt.js vuetify.js warnings
这里没什么不好/特别的，你的块的大小只是 大。
Webpack 的建议是告诉你，你应该注意不要发送过多的 JS。
您可以在此处查看有关 treeshaking 以及如何优化这种供应商包大小的官方文档页面：https://vuetifyjs.com/en/features/treeshaking/#manually-importing
您还可以寻找替代品（例如 TailwindCSS）或制作自己的 CSS/组件。如果您的网站不需要过长的加载时间，则无需担心。
如果你真的想深入兔子洞，可以看看 Smashing Magazine 的这份清单：https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/
查看官方文档页面，您可以禁用这些提示：https://webpack.js.org/configuration/performance/
您可以在 nuxt.config.js 文件中使用此配置禁用警告：
export default {
build: {
extend(config) {
config.performance.hints = false
},
}
如果您想对正在发生的事情进行 0 反馈，也可以使用 yarn build --quiet 或 set it in the configuration。
或者您可以直接更改块大小或切换其他内容，如下所示：Webpack 4 "size exceeds the recommended limit (244 KiB)"
我仍然建议保持它现在的详细程度，因为了解您的应用程序发生了什么总是好的。而且警告本身不会造成任何麻烦。
【讨论】：