rollup 相关问题

动态惰性导入不适用于生产环境，使用 Vite

我想动态地将多个mdx文件导入到react组件中，例如我有一个页面，根据所选语言需要不同的 mdx 文件，因此仅加载一个特定文件...

如何在Nuxt.js中全局导入组件

`` 你好 <pre><code>``&lt;template&gt; &lt;div&gt; &lt;QBtn&gt;Hola&lt;/QBtn&gt; &lt;component :is=&#34;a&#34;&gt;&lt;/component&gt; &lt;/div&gt; &lt;/template&gt; &lt;script setup lang=&#34;ts&#34;&gt; import { components } from &#34;mylib/dist/library&#34; import { QBtn } from &#39;quasar&#39;; const a = components.Menu; &lt;/script&gt; ` `// https://nuxt.com/docs/api/configuration/nuxt-config export default defineNuxtConfig({ devtools: { enabled: true }, css: [ // ... &#39;quasar/fonts&#39;, &#39;quasar/animations&#39;, &#39;quasar/icons&#39;, &#39;quasar/css&#39;, //&#39;@/assets/custom.scss&#39;], //capa de personalizacion propia &#39;quasar/brand&#39;, // If config.brand is used // ... ], buildModules: [ &#39;mylib&#39; ], modules: [ &#39;nuxt-quasar-ui&#39;, ], quasar: { plugins: [ &#39;BottomSheet&#39;, &#39;Dialog&#39;, &#39;Loading&#39;, &#39;LoadingBar&#39;, &#39;Notify&#39;, &#39;Dark&#39;, ], extras: { font: &#39;roboto-font&#39;, }, components: { defaults: { QBtn: { unelevated: true, }, }, }, }, })` </code></pre> <p>我想改进这一点，而不是以这种方式导入，而是以更好的方式访问组件</p> <p>现在它可以工作，但我认为您可以从 nuxt.config.ts 全局注入库的所有组件 目前，它确实有效。希望您能帮助我，非常感谢。</p> </question> <answer tick="false" vote="0"> <p>您是否尝试过使用 <pre><code>&lt;q-btn&gt;</code></pre> 而不导入 <pre><code>QBtn</code></pre>？这对我有用，但我刚刚开始将 Quasar 与 Nuxt3 一起使用。在您的模板中添加... <pre><code>&lt;q-btn rounded color=&#34;green&#34; label=&#34;Test&#34;&gt;&lt;/q-btn&gt;</code></pre>。在 nuxt.config.js 中，我只有这个：<pre><code>quasar: { /* */ }</code></pre></p> </answer> </body></html>

vite 使用 React 组件构建 lib iife

我正在尝试创建一个 React 组件库。目标是这样称呼它们： ...

Vite无法解析导出{默认为组件}

我也有这样的问题。我安装了一个插件，它向 VS Code 添加了一个 React 组件，并执行默认操作，例如导入 React 等。 所以这个插件会生成一个包含组件和index.js的文件夹...

捆绑 Vite 项目后，删除导入中的前导斜杠 (/)

在我的项目中，在开发过程中一切都很好，但我的目标应用程序似乎无法正确解析以“/”开头的导入（我正在为本地应用程序开发，而不是为网站/网络应用程序开发）。 ...

webpack 错误：找不到模块。当使用我的其他由 rollup 捆绑的库时

我正在使用 rollup 来捆绑一个 ui 库（在几个主要应用程序中使用它）。 但在捆绑的 esm 文件中，我有这些导入，这些导入对于主应用程序中的 webpack 来说是不可接受的： 导入 {

汇总错误：构建 npm 包时 React 组件中预期存在未解决的依赖关系和表达式

我无法使用 rollup 构建 React 组件。我尝试了所有可能的方法来捆绑具有 jsx 的 React 组件。但当我不使用 jsx 时，相同的代码可以正常工作。 package.json f...

ViteJS 清单文件中带有哈希值的常量资产文件名

我需要将 JS/CSS 文件与 ViteJS 捆绑在一起。生成的文件名必须是常量，但我需要清单文件中这些文件的哈希值。 示例文件夹结构： /public/build/js/app.js /公共/构建/c...

尝试在 Storybook 中使用 svgr rollup 加载器时出错

我正在使用 rollup 来构建 TypeScript React 组件库。我想使用 Storybook 测试这些组件。 @svgr/webpack 加载器工作正常，但如果我用 @svgr/r 替换它......

Vite.js 构建：如果我的条目命名不同，如何生成输出index.html

我有几个入口点app1.html，app2.html， 构建时我只需要一次构建一个（通过拥有多个 vite{x}.config.ts 文件） 我如何告诉 vite/rollup 输出index.html（以及...

使用 rollup 捆绑器创建 React 包

我正在尝试为我的项目创建一个新的react.js包，我已经使用rollup及其插件来创建我的包，但是我遇到了一些问题，编码进展顺利，因为我已经使用react.js ...

我可以使用 Vite/Rollup 直接转译为 cjs/esm 而无需捆绑吗？

我希望使用 Vite/Rollup 将文件从 .ts/tsx 转换为 .cjs 或 .mjs 文件，而不是将所有内容捆绑到一个大文件中。 我知道 Rollup 的意义在于将所有内容都卷起来...

此 Postgresql ROLLUP 分组不适用于 Window 表达式

以下 SQL 运行良好；它为我提供了我想要的计数和百分比结果：（请在需要时使用 EXTRACT (YEAR|MONTH|DAY ...) ）： 选择年份（evt_date）AS 年，月（evt_date）AS ...

Vite/Rollup 插件：如何将样式（CSS 模块）添加到 React Web 组件中

我正在尝试从 React 创建一个 Web 组件。 Web 组件需要您在 Shadow DOM 中导入样式。所以虽然我的 CSS 模块通常是这样导入的 从“./MyCom...

如何将rollup中的所有节点模块设置为外部？

我想将从node_modules导入的所有模块作为外部模块。 这个的配置是什么？ 我尝试过但没有成功： 从“路径”导入路径； 从“glob”导入 glob； 导入多条目...

Svelte (rollup) - 错误：意外的令牌（请注意，您需要 @rollup/plugin-json 来导入 JSON 文件）

我没有采取任何措施来触发此错误。该应用程序前一秒运行良好，下一秒就不行了。 为什么会发生这种情况？这不是因为缺少 @rollup/plugin-json 插件，因为它以前工作过......

为Vite中的每个入口点生成单独的css文件

所以目前我的库分为 2 个入口点，所以在 Vite 配置中我正在这样做： 建造： { 库：{ 条目：[解析（__dirname，'src/entry1.ts'），解析（__dirname，'src/entry2.ts'）]，...

Rollup 组件构建后“无效的钩子调用”，并导入到另一个 React 项目中

我在使用 Rollup 时遇到了一些奇怪的问题。如果有人比我更精通，请提供任何帮助，我们将不胜感激！ 首先，我需要说我在这里看到了一些类似的问题： 创建反应

rollup.js 中有多个输入时如何自定义输出文件名？

配置 { 输入：['src/index.js', 'src/module1/index.js', 'src/module2/index.js'], 输出： { 目录：'距离'， 格式：'es' } } 结构 ├── 区 │   ├──index.js │   ├── 在...

stenciljs 与 webpack o rollup 捆绑在一起

我正在尝试为 stenciljs 组件生成捆绑包。使用带有以下 stencil.config.js 的 stenciljs 导出常量配置：配置= { 命名空间：'地理地址js'， 输出目标：...