使webpack(Nuxt项目)选择“模块”而不是“主”

时间:2020-07-27 10:12:15

标签: javascript webpack nuxt.js package.json

我有一个要导入到我的项目(Nuxt)中的组件库(Vue)。

组件库在package.json中定义了以下内容:

{
  "main": "cjs/index.js",
  "module": "index.js",
}

现在,由于某种原因,webpack / nuxt会选择“ main”,它指向CommonJS构建-绝对不起作用(取决于我是否将CSS提取到我的库中(extractCss: true)得到< / p>

文档未定义

或(extractCss: false)a

客户端渲染的虚拟DOM树与服务器渲染的内容不匹配”

错误。

如果我将其更改为"main": "index.js",一切都可以正常工作-但是,据我从各个站点了解,这是不好的做法吗? (例如Blog

main绝对必须指向cjs或umd格式。否则,我们将在更广泛的npm生态系统中违反信念。

有没有一种方法可以告诉nuxt / webpack使用“模块”路径? 还是可以更改“主要”路径?

编辑以添加版本:
nuxt:2.13.3
网络包:4.43.0

0 个答案:

没有答案