【问题标题】:Nuxt VueJS WarningsNuxt VueJS 警告
【发布时间】:2021-06-16 17:14:52
【问题描述】:

我在构建 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


    【解决方案1】:

    这里没什么不好/特别的,你的块的大小只是

    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 --quietset it in the configuration

    或者您可以直接更改块大小或切换其他内容,如下所示:Webpack 4 "size exceeds the recommended limit (244 KiB)"

    我仍然建议保持它现在的详细程度,因为了解您的应用程序发生了什么总是好的。而且警告本身不会造成任何麻烦。

    【讨论】:

    • 感谢您的回答,我怎样才能完全禁用警告?
    猜你喜欢
    • 2020-07-21
    • 2020-08-15
    • 2021-07-24
    • 2019-02-07
    • 2019-04-22
    • 2017-06-04
    • 2018-10-08
    • 2022-08-04
    相关资源
    最近更新 更多