rollupjs - IT屋-程序员软件开发技术分享社区

如何设置ROLLUP，使Svelte项目在保存时自动编译，而无需提供服务？

在Svelte项目中，package.json文件中已经设置了三个脚本 "scripts": { "build": "rollup -c", "dev": "rollup -c -w", "start": "sirv public --single" }, 我对rollup.config.js文件的理解运行npm run build会将项目编译到pub ..

发布时间：2022-08-17 17:05:13 svelte rollupjs 其他开发

无法进入由汇总插件定义的对象-替换

在Svelte组件中，我试图访问我在汇总配置文件中设置的对象。我的rollup.config.js文件如下： import replace from '@rollup/plugin-replace'; ... export default { ... replace({ foo: JSON.stringify({ bar: 'Hello' }), }), ..

发布时间：2022-08-17 16:57:52 javascript svelte rollupjs svelte-3 前端开发

汇总开发服务器在svelte 3中崩溃的问题

我已经用DIGIT设置了Svelte。开发服务器使用以下命令启动 rollup -c -w 我没有对任何文件进行任何修改。但是在./public/文件夹中，我有一个很大的文件夹，里面有许多子文件夹，其中有图像和json文件(>；2 GB)。这些文件包含我想稍后获取到运行svelte的SPA中的帖子。当我启动dev服务器时，该命令停止，没有错误消息： $npm运行开发 ..

发布时间：2022-06-12 18:38:05 svelte rollup rollupjs svelte-3 rollup-plugin-livereload 其他开发

使用作为生命创建独立的Web组件版本

我已经创建了一个Web组件，用于在任何html内容中显示RASE。我使用Lit Element Typescript Starter Project作为基线，它附带了rollup.config.js文件。我将输出格式更改为iife，其余格式保持不变，但组件和包名称除外。我这样做的原因是，我希望可以通过脚本标记轻松地访问包，而ROLLUP说iife格式可以做到这一点。 This ..

发布时间：2022-05-09 19:25:43 javascript web-component rollup rollupjs lit-element 前端开发

在使用带有代码拆分的ROLLUP时，有没有办法保留包的目录结构？

上下文：给定如下的项目结构： ┌ src ├─┬ a │ └── module.js ├─┬ b │ └── module.js └── util.js 其中两个module.js文件都导入util.js，使用以下配置： export default { experimentalCodeSplitting: true, input: [ 's ..

发布时间：2022-03-31 10:09:46 javascript bundle rollupjs 前端开发

使用ROLLUP生成时，错误&q；版本&q；是必需的参数

我正在使用rollup捆绑我的项目。开始时一切正常，但是我不知道我在配置中做了什么更改，我在运行rollup -c时开始收到此错误。 [!] Error: "version" is a required argument. Error: "version" is a required argument. at Object.getArg (/home/programmerse ..

发布时间：2022-02-26 11:12:52 runtime-error required args rollupjs 其他开发

我有一个文件 d3.custom.build.js 像这样(简化): import { range } from 'd3-array';import { select, selectAll, event } from 'd3-selection';从'd3-transition'导入{转换}；导出默认{范围，选择，全选，事件，过渡}; 还有一个像这样的 rollup.config.js: i ..

发布时间：2021-12-18 19:42:53 javascript d3.js rollupjs 前端开发

摇树创建反应应用程序?

我使用 create-react-app 创建了我的 React 应用程序，现在将 TypeScript 与create-react-app-typescript. 一切正常，但问题是 - 特别是因为我使用了很好但很重的 material-ui - 构建包的大小相当大 - 几乎达到 1MB. 如何使用摇树工具(例如在 Webpack 2 或 rollup 中)?我不想 eject 已经 ..

发布时间：2021-12-18 18:35:16 reactjs webpack create-react-app rollupjs react-scripts 其他开发

React + Antd + Rollup 组件库“错误:钩子调用无效.钩子只能在函数组件的主体内部调用"

我目前正在构建一个 UI 库，以简化跨多个应用程序的维护.这些目前使用 Ant Design. 一切似乎都很顺利...我在 package.json 和 rollup.config.js(通过外部)中添加了我的对等依赖项，我能够获取 Rollup 以生成 es 和 cjs 二进制文件，该二进制文件成功导出只是我的代码. 但是，当我将其中任何一个导入到我的主机应用程序(Electron ..

发布时间：2021-11-11 03:26:12 reactjs antd rollupjs 其他开发

将 SVG 图标导入 Svelte 应用程序的最佳方式

我有大约 80 个自定义 SVG 图标可以导入到 Svelte 前端应用程序中.基于 https://github.com/sveltejs/template，它使用 Rollup 构建，包括 Typescript、Tailwind，以及所有现代好东西. 困境在于如何将图标添加到应用程序中.作为 SVG，图标是不超过 2kB 的简短 XML 文本字符串. 选项 1:作为图像资产 ..

发布时间：2021-09-01 19:08:36 javascript typescript svg svelte rollupjs 前端开发

从 Svelte 项目输出单个 HTML 文件

我在网上找不到任何示例来展示如何(或者我们是否可以)使用 Rollup(而不是 Webpack)从 Svelte 项目输出单个 HTML 文件，其中包含内联注入的所有 CSS 和 JS(而不是作为 URL)在脚本中). 解决方案没有内置的方法可以实现这一点，因此您必须编写自己的插件才能实现.这段代码是完成这项工作的某种尝试，可以作为起点.它实际上并不完整或良好.(老实说，我怀疑你会用这种 ..

发布时间：2021-09-01 19:08:27 svelte rollup rollupjs svelte-3 其他开发

将 scss 文件读入一个变量，以便我可以循环遍历它

因此，在我的 Storybook 项目中，我引入了一个名为“.scss"的 bitstrc 样式表.文件.它工作正常.这个问题开始发挥作用，因为我想迭代它并显示色板.有人知道这是怎么做到的吗? 现在，按当前构建采用的是:卷起这是我的配置: 从“rollup-plugin-peer-deps-external"导入 peerDepsExternal；从“rollup-plugin-node- ..

发布时间：2021-07-14 21:06:16 sass storybook rollupjs bit-src 其他开发

如何将Material UI集成到Svelte项目中

我想将材质UI 集成到我的Svelte项目中. 我尝试遵循此处的官方文档，但我没有知道为什么我在尝试运行项目时遇到奇怪的错误: 使用警告加载了rollup.config.js(！)未使用的外部进口默认从外部模块"rollup-plugin-postcss"导入，但从未使用过汇总v1.27.13捆绑src/main.js→public/build/bundle.js ...[！]错误:意外的 ..

发布时间：2021-05-31 20:30:37 material-ui svelte rollupjs 其他开发

如何在汇总中使用CSS @import?

我尝试创建一个简单的汇总应用程序的配置，并且在使用CSS时遇到了一些麻烦. 这是我的css文件: @import"normalize.css";@import"typeface-roboto";html，body，#root {高度:100％;字体家族:Roboto，衬线；}身体 {背景:url('./images/background.jpg');} 我所拥有的就是关于找不到资源的 ..

发布时间：2021-05-15 20:52:18 css import rollup rollupjs 前端开发

苗条的框架:苗条的应用程序中不出现环境变量

我正在尝试在我的Svelte应用程序中使用环境变量.我已经安装了 @ Rollup/plugin-replace 和 dotenv .我创建了一个 .env 文件来保存我的 API_KEY ，并将以下内容添加到 rollup.config.js 中的 plugins 中来自此中文章: 插件:[代替({__myapp:JSON.stringify({信封:{isProd:生产，API_URL:pr ..

发布时间：2021-05-04 20:32:36 javascript environment-variables svelte rollupjs 前端开发

如何将使用汇总的节点部署到heroku

我正在使用汇总. 我也不提交所有生成的文件所在的npm_modules文件夹和公用文件夹.而且在部署和设置服务器(已经在寻找公用文件夹)之后，我不知道如何构建我的应用程序(我有webpack build命令). 在上传之前先提交似乎是个坏主意.也许有一些温柔的决定...有什么想法吗? 从以下节点派生:如何将使用Webpack的节点部署到heroku 解决方案我不使用He ..

发布时间：2021-04-30 19:18:51 node.js heroku deployment rollupjs 其他开发

是否将node_modules捆绑到bundle.js中?

我正在试驾 rollupjs 将节点应用打包到 bundle中.js 并感到困惑. 汇总是否支持捆绑整个节点应用程序(包括 node_modules )，或者仅捆绑项目中的js文件? 我有一个标准节点项目(1 index.js ， node_modules 中的数千个文件)，并且只需要一个 bundle.js .我试过了: rollup.config.js : 从'rollup ..

发布时间：2021-04-16 19:42:20 javascript node.js npm bundling-and-minification rollupjs 前端开发

IE11 Svelte/Babel/Rollup中的Function.prototype.toString问题

我当前的rollup.config.js是 commonjs()，巴别塔({扩展名:['.js'，'.mjs'，'.html'，'.svelte']，runtimeHelpers:是的，排除:['node_modules/@ babel/**'，'node_modules/core-js/**']，// ..

发布时间：2021-04-14 18:52:59 javascript internet-explorer-11 babeljs svelte rollupjs 前端开发

如何为IE11内联汇总/Babel Polyfills

我已经在PHP项目上工作了一段时间，并且客户在最后一刻要求IE11支持.HTML/CSS问题，我可以处理，但是我的JavaScript是用现代语法编写的. 因此，我安装节点，使用我的JavaScript，并通过Rollup&第一次需要Babel，并为以后的请求缓存结果. 现在，输出缺少以前令我头疼的箭头功能，但我遇到了一个更大的问题:polyfills是导入语句，而IE11不支持导入语 ..

发布时间：2021-04-14 18:52:56 javascript php internet-explorer-11 babeljs rollupjs PHP

将JS与Baup和Babel捆绑在一起，以在IE11中使用

我尝试捆绑两个JavaScript模块，以便生成的代码可在IE11中使用.为此，我建立了一个yarn/npm项目，该项目使用 rollup.js 进行捆绑，并使用 Babel 进行转堆.一切正常，直到我添加(非开发)依赖项 core-js . 详细信息: 1设置之前添加 core-js JS文件 src/main.js src/utils.js 配置文件 pa ..

发布时间：2021-04-14 18:52:20 javascript internet-explorer module babeljs rollupjs 前端开发

rollupjs相关内容