Rollup.js是下一代JavaScript Transpiler和模块捆绑器
在多个项目之间共享 pinia store，使用 vite / rollup
我正在尝试共享一家 pinia 商店但没有成功。这篇文章 https://github.com/vuejs/pinia/discussions/1073 中提到的问题似乎仍然是最新的 这是用于测试的上下文。 项目
我会针对我的问题简化代码。所以让我们假设我在 module1.js 导出类 MyClass { }; 在 index.js 中 从 './module1.js' 导入 { MyClass } var X = MyClass(); 接下来我要捆绑
我正在尝试将一些字符串注入到 Vite 应用程序的 index.html 中（使用 vue3 模板）。例如，在 vue-cli 项目中，我们会有 我正在尝试将一些字符串注入到 Vite 应用程序的 index.html 中（使用 vue3 模板）。例如，在 vue-cli 项目中我们会有 <link rel="icon" href="<%= BASE_URL %>favicon.ico"> Vite 的方法是什么？ （我知道 BASE_URL 在这种情况下只是'/'。我要求的是通用解决方案）我可以使用仅涵盖环境变量的解决方案，但如果知道一个更通用的解决方案可以使用JS代码如 <title><%= htmlWebpackPlugin.options.title %></title> 我真的很感激不需要安装 npm 包的解决方案 不得不大大降低我的期望： 我安装一个包 我“作弊”并使用 process.env // vite.config.js import vue from '@vitejs/plugin-vue' import { loadEnv } from 'vite' import { createHtmlPlugin } from 'vite-plugin-html' export default ({ mode }) => { const env = loadEnv(mode, process.cwd()) return { plugins: [ vue(), createHtmlPlugin({ minify: true, inject: { data: { title: env.VITE_MY_FOO, } } }), ], } } 然后在.env VITE_MY_FOO="Hello vite ejs" 在 index.html 中 <title><%= title %></title> 不能说我喜欢它，但它确实有效 想为一个项目做同样的事情。使用了 vite-plugin-html 了一点，但我遇到了插件的问题，插件的作者似乎已经停止维护它，所以我不得不寻找替代解决方案。 幸运的是，这很容易，因为 Vite 有一个 hook。 所以我最终写了这个小插件： const transformHtmlPlugin = data => ({ name: 'transform-html', transformIndexHtml: { enforce: 'pre', transform(html) { return html.replace( /<%=\s*(\w+)\s*%>/gi, (match, p1) => data[p1] || '' ); } } }); 在 Vite 配置中，只需将它添加到插件数组并传递给它你想要在 HTML 中替换的键/值对： plugins: [transformHtmlPlugin({ key: 'value' })] 然后在您的index.html中，像原始问题一样添加标签：<%= key %>，它们将被您传递给插件的任何内容替换。 如果您想传递所有环境变量，请使用loadEnv获取它们（示例在v-moe的帖子中）并解压缩对象：transformHtmlPlugin({ ...env }). 这就是我解决问题的方式。也许它对外面的人有用！
捆绑 @tensorflow/tfjs-node 需要 mock-aws-s3
我有一个节点应用程序，它使用工作线程通过 tensforflow.js 做一些事情。当我使用 tsc 编译时，一切都很好。它工作正常。 但是，当我尝试与 esbuild 或 rollup 捆绑时，...
npm run build 时出错 - (plugin rpt2) Error: Unexpected character '�' （注意你需要插件来导入不是 JavaScript 的文件）
[运行命令时我的错误] (https://i.stack.imgur.com/cPnbq.png) 我的 rollup.config.js 文件： 预期构建 Dist。我的图书馆的文件，但面临这个错误。 #建造
题目内容是我在分析为什么我的bundle中包含了很多未使用的代码。 在屏幕截图中，我看到正在加载一个名为 chunk-index.es.fbfa066e.js 的块。 7...
我在项目中使用了rollup-plugin-scss插件来捆绑css，请问是否可以用这个插件或者其他插件同时生成.css和.min.css？是否可以用这个插件或者其他插件同时生成.css和.min.css？ 插件: [ scss({ ...
警告：在output.globals中没有为外部模块'X'提供名称--猜测是'X'
WARNING: No name was provided for external module 'moment' in output.globals - guessing 'momentImported' WARNING: No name was provided for external module 'odata-parser' in output.globals - guessing '...'。
滚动+导入baseUrl以外的文件时出现Typescript错误。
我把一个卷轴式的构建系统，需要一个Typescript组件的文件夹，将它们作为模块导出。如果组件文件生活在文件夹结构内，构建系统工作得很完美：...。
Rollup.js - 让PostCSS处理整个bundle.css，而不是来自rollup-plugin-svelte的单个文件。
我已经尝试了好几个指南和许多配置，但无法让我的rollup、postcss和svelte bundle过程完全正常工作。现在svelte插件从我的.svelte中提取css......。
如何将rollup'd CSS中的url(...)替换为数据URI？
使用rollup和postcss插件，我可以将CSS注入到我的bundle中，但是，我的CSS引用了一些图片文件，比如background-image: url(.imagesmy-image.svg;)。但是，我的CSS引用了一些图片文件，例如：background-image: url(.imagesmy-image.svg);。我如何配置...
我正在使用svelte+rollup+rollup-plugin-polyfill SCRIPT438：对象不支持属性或方法'closeest'仍然发生，即使我包含polyfill(['@webcomponentswebcomponentsjs','...
我正在开发一个库，在我开始做单元测试之前，这个库一直运行良好。直到几天前，我可以用以下方式实例化我的库：this.belpay = new belpay.SDK('...)。
第一次替换成功，第二次不成功 我只是不能从这里的文档中得到它该怎么做：https:/github.comrolluppluginstreemasterpackagesreplace export default { input: '.srcjsindex.js'...。
Rollup.js - 在JS API中使用rollup.config.js？
我有一个工作的rollup.config.js文件，但需要在Rollup完成后运行一个单独的打包脚本。我的计划是通过他们的JS API来使用Rollup的watchers。然而，我无法让JS API工作......。
Rollup.js中包含了material-ui layout-grid组件的构建错误。
在 "Svelte Material UI "包的帮助下，我将Material UI集成到了我的Svelte项目中，但它不包含Material layout-grid组件。但是它不包含Material layout-grid组件。我使用yarn add"@material... "单独安装了它。
有人知道，我怎么能只看一个数组的配置，我已经导出了，通过输入rollup -c -w和只输入rollup -c，它会编译成4个不同的版本？这意味着，如果我...
如何在RollupJs输出文件中动态捆绑moduleobject？
我如何动态地将模块对象捆绑到我的RollupJs输出文件中？我已经尝试了一吨关闭不同的选项，但不能得到预期的输出，我正在寻找。我把一个简短的示例...
这是我第一次尝试理解use rollup. 我使用这个模板，因为它是基于three.js的，我也很喜欢使用它。我目前的（几乎可以肯定是不正确的） ...
根据rollupjs的文档。简单地 "复制 "eval提供给你一个做同样事情的函数，但它在全局范围内运行，而不是在本地范围内运行：var ...。