vite Some chunks are larger than 500 kBs after minification. Consider: - Using dynamic import()

这篇具有很好参考价值的文章主要介绍了vite Some chunks are larger than 500 kBs after minification. Consider: - Using dynamic import()。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

vite Some chunks are larger than 500 kBs after minification. Consider: - Using dynamic import(),node,javascript,前端,vite
项目在打包时Some chunks are larger than 500 kBs after minification(一些区块在缩小后大于500 kB);

跳到提示的官网https://rollupjs.org/configuration-options/#output-chunkfilenames
草草翻了下未果 最后在CSDN找到解决方式
【Vue3】vite打包报错:块的大小超过限制,Some chunks are larger than 500kb after minification
非常感谢大佬的分享

基于大佬处理逻辑 最后加上适应的配置项

    outDir: BUILD_DIR, // 指定打包文件的输出目录
    emptyOutDir: true,  // 打包时先清空上一次构建生成的目录

完整build配置的代码

  build: {
    outDir: BUILD_DIR,
    sourcemap: false,
    minify: 'terser',
    chunkSizeWarningLimit: 1500,
    emptyOutDir: true,
    terserOptions: {
      compress: {
        drop_console: true,
        drop_debugger: true
      }
    },
    rollupOptions: {
      output: {
        manualChunks(id) {
          if (id.includes('node_modules')) {
            return id.toString().split('node_modules/')[1].split('/')[0].toString();
          }
        },
        chunkFileNames: (chunkInfo) => {
          const facadeModuleId = chunkInfo.facadeModuleId ? chunkInfo.facadeModuleId.split('/') : [];
          const fileName = facadeModuleId[facadeModuleId.length - 2] || '[name]';
          return `js/${fileName}/[name].[hash].js`;
        }
      }
    }
  },

最后运行build命令
vite Some chunks are larger than 500 kBs after minification. Consider: - Using dynamic import(),node,javascript,前端,vite
解决上述问题文章来源地址https://www.toymoban.com/news/detail-520533.html

到了这里,关于vite Some chunks are larger than 500 kBs after minification. Consider: - Using dynamic import()的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 解决:Some selectors are not allowed in component wxss, including tag name selectors, ID selectors

    在微信开发工具中运行文档中的代码,出现如下错误:  [渲染层错误] Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.(./custom-tab-bar/index.wxss:36:15)(env: Windows,mp,1.06.2210310; lib: 2.5.0) 出现原因:随着小程序的发展,文档中原来的写法已经不

    2024年02月12日
    浏览(39)
  • [pages/index/index] Some selectors are not allowed in component wxss, including tag name selectors,

    给标签加上class类名,在用类名选择器写样式 原wxml: 原 less: 修改后的wxml,加上了class类名: 修改后的less,使用类名选择器: 组件对应 wxss 文件的样式,只对组件 wxml 内的节点生效。编写组件样式时,需要注意以下几点: 1、 组件和引用组件的页面不能使用 id 选择器(

    2024年02月12日
    浏览(39)
  • [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client

    如果你的node.js提示: [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client 那么,代表你返回了结果,但是最后你又不小心再返回了一次。通常是由于方法没有进行等待,或者多条件判断缺漏造成的。 情况一:返回机制问题 通过success/error模式来返回结果,取消最终的

    2024年02月10日
    浏览(51)
  • STS中maven项目打包报错: No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK? 问题的解决方案

    这个报错的意思是在这个环境中没有编译环境,即不存在javac.exe, 然后说一下JRE和JDK的区别: JRE(Java Runtime Environment): 1、JRE 是 Java 运行时环境,用于在计算机上运行 Java 程序。 2、包含 Java 虚拟机(JVM)和 Java 核心类库,以及运行 Java 程序所需的其他支持文件。 3、JRE 通常

    2024年03月28日
    浏览(37)
  • Android Gradle plugin requires Java 11 to run. You are currently using Java 1.8. You can try some of

    1、在 Terminal 上输入命令: gradlew app:dependencies --configuration releaseRuntimeClasspath ,执行了: Android Gradle plugin requires Java 11 to run. You are currently using Java 1.8.,翻译: Android Gradle插件需要Java 11才能运行。您目前正在使用Java 1.8。 解决问题:如何下载安装的JDK11       2、android studio

    2024年02月16日
    浏览(48)
  • (HTTP code 500) server error - Ports are not available: exposing port TCP 0.0.0.0:3307 -> 0.0.0.0:0:

    windows  docker容器启动MySQL时报: (HTTP code 500) server error - Ports are not available: exposing port TCP 0.0.0.0:3307 - 0.0.0.0:0: listen tcp 0.0.0.0:3307: bind: An attempt was made to access a socket in a way forbidden by its access permissions. 解决办法: 管理员权限运行cmd 执行这两行命令,说白了就是重启一下 winnat 到此

    2024年04月23日
    浏览(37)
  • pytorch chunk的使用举例

    在 PyTorch 中,`chunk` 是一个用于将张量(tensor)按指定维度进行切片的函数。它可以将一个张量切分成多个块。 下面是一个使用 `chunk` 函数的示例: ```python import torch # 创建一个大小为 (6, 8) 的张量 tensor = torch.arange(48).reshape(6, 8) print(tensor) # 输出: # tensor([[ 0,  1,  2,  3,  4, 

    2024年02月22日
    浏览(27)
  • lua中chunk的理解

    在Lua中,一个 chunk 是一段可执行的Lua代码。通常,一个 chunk 由一系列语句和表达式组成,可以是一个完整的程序文件,也可以是一个交互式控制台中输入的一行代码。 例如,下面是一个简单的Lua chunk : 这个 chunk 只包含一条语句,它会输出一个字符串到控制台。 在Lua中,我

    2024年02月10日
    浏览(27)
  • kotlin chunked 和 windowed

    kotlin chunked的作用 将集合按照指定的数量分割成多个结合 kotlin windowed的作用 可以检索给定大小的集合元素中所有可能区间

    2024年01月20日
    浏览(19)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包