美文网首页
vue3因为commonjs 依赖打包失败怎么办

vue3因为commonjs 依赖打包失败怎么办

作者: yonglei_shang | 来源:发表于2026-02-24 10:19 被阅读0次

方案一

// vite.config.js

import { viteExternalsPlugin } from 'vite-plugin-externals'

//...
plugins: [
  viteExternalsPlugin({
        'ali-oss': 'OSS'
      }),
]
//...

方案二

以 seedrandomjs为例


// utils/seedrandom-shim.js
import * as sr from 'seedrandom$real'
function getSeedrandom() {
  if (typeof sr.default === 'function') return sr.default
  if (typeof sr === 'function') return sr
  return sr.default
}

export default getSeedrandom()
// vite.config.js
    resolve: {
      alias: {
        '@': fileURLToPath(new URL('./src', import.meta.url)),
        seedrandom: fileURLToPath(new URL('./src/utils/seedrandom-shim.js', import.meta.url)),
        seedrandom$real: fileURLToPath(
          new URL('./node_modules/seedrandom/index.js', import.meta.url)
        )
      }
    },

相关文章

  • js webpack的loader和plugin

    常见的webpack代码 webpack的打包原理 识别入口文件 通过逐层识别模块依赖(Commonjs、amd或...

  • webpack中loader和plugin的区别

    一、webpack的常见配置 二、webpack的打包原理 识别入口文件 通过逐层识别模块依赖(Commonjs、...

  • webpack-loader的编写(附源码)

    先说下webpack打包原理 识别入口文件 通过逐层识别模块依赖。(Commonjs、amd或者es6的impor...

  • gradle could not resolve all dep

    最近客户端打包的gradle版本升级,在打包平台时打包发现会报错: 开始以为是下载依赖失败了,因为打包机器之前出现...

  • 深入理解webpack打包原理

    commonjs模块打包代码 1.可以看出,使用commonjs打包的代码还是比较简单的,提炼主要代码如下 可以看...

  • js require和import

    Browsersify、Webpack 一开始的目的就是打包 CommonJS 模块。 CommonJS 作为 N...

  • 2017.12. 值得注意的问题

    loader和插件的区别 loader 用于加载某些资源文件。 因为webpack 本身只能打包commonjs规...

  • mvn dependency:tree

    使用 IDEA 打包的时候,报这个 plugins 空指针异常,导致打包失败: 解决方法: 查看依赖树: com....

  • webpack打包原理

    webpack只是一个打包模块的机制,只是把依赖的模块转化成可以代表这些包的静态文件。并不是什么commonjs或...

  • vue3 Unsupported URL Type “npm:“

    vue3在新建工程的时候 报错 找了很多原因 最终发现 很多情况都是因为vue3的部分配置依赖需要npm高版本,...

网友评论

      本文标题:vue3因为commonjs 依赖打包失败怎么办

      本文链接:https://www.haomeiwen.com/subject/mfabojtx.html