网站搜索

node.js - Rollup 在 docker-compose 中未生成构建

我正在构建一个 React 应用,并且我正在尝试让它通过 docker-compose 配方运行。我已经让它与...一起工作

docker container run -p 3000:3000 --name node --rm -v "$PWD:/app" --init --workdir /app --entrypoint npm -it node:latest start

并决定将其转换为配方,因为我将来会添加更多服务。但是,我无法让 rollup 创建捆绑包。这是我的 package.json 和

package.json

阅读更多 →

typescript - 使用 rollup 时变量声明无法编译

我运行一个使用 rollup 打包的 TS 项目。使用:

"typescript": "^4.6.3", "rollup-plugin-typescript2": "^0.31.2", "rollup-plugin-commonjs": "^10.1.0",

当我使用 tsc -d --emitDeclarationOnly --declarationDir build/types 编译我的代码时,一切都构建正常,但是使用

阅读更多 →

d3.js - 在 Visual Studio Code 中使用 @types/d3 配合 Rollup

我的图书馆项目使用...

  • 类型脚本
  • 汇总
  • D3
  • @types/d3

package.json 文件有这些依赖项

"dependencies": { "@types/d3": "^4.4.0" /* also tried moving this to devDeps */ }, "devDependencies": { "cssnano": "^3.10.0", "postcss-cssnext": "^2.9.0", "postcss-nested": "^1.0.0", "postcss-sim

阅读更多 →

typescript - 如何在 rollup 中为 css 生成类型定义

我正在使用 rollup 作为我的模块构建工具,并且在源代码中使用 Typescript。现在,我需要为我的模块定义一些 CSS 文件。在将我的 CSS 文件导入到 .ts 文件时,我收到以下错误:Cannot find module ' ./styles.css '。我该如何为我的 CSS 文件生成类型定义(typings)?

我遇到了一个 npm 包 typed-css-modules 用于生成类型定义。我尝试使用它,但我的 CSS 类仍然没有导出到我的 .ts 文件。

答案#1

无论如何,我找到了我问题的解决方案。我现在正在使用这个包来生成类型定义

rollup 插件 postcss 模块

阅读更多 →

javascript - 如何使用 TypeScript、Ant Design 和 Rollup 构建组件库

我正在尝试创建一个 TypeScript 可重用组件库的示例模板,使用 Ant Design 作为 UI 元素,使用 Rollup 进行打包。

虽然 Ant Design 文档很有用,但并没有提供配置 Rollup 的具体细节,而且我也没能找到使用相同技术栈的示例。

使用来自各种在线来源的信息,我整理了一个大纲模板,并将其发布到以下 GitHub 仓库

然而,构建输出显示了许多来自 Rollup 的警告,涉及重写对 'this' 的引用。有人能建议修改我的构建配置以解决此问题吗?

阅读更多 →

reactjs - 使用 emotion 时如何解决 rollup 构建错误:@emotion\memoize\dist\memoize.cjs.js 未导出 'default'

我正在尝试为我们的企业库构建一个标准化的 React 按钮组件。我希望能够使用 @emotion/styled 来生成样式化的 React 组件。我们使用 rollup 作为我们的包构建工具,它将 TypeScript 转换为 ESM 和 CommonJS。当我运行构建时,我收到以下错误:错误:node_modules\@emotion\memoize\dist\memoize.cjs.js 未导出 'default' node_modules\@emotion\is-prop-valid\dist\is

阅读更多 →

typescript - 在 LitElement 项目中使用 @rollup/plugin-image 将 svgs 输出到 RollupJS 打包

我正在使用 @rollup/plugin-image 来帮助在我的 LitElement 项目中解析 svg 导入,正如这里推荐的:https://github.com/rollup/plugins。我还在 custom.d.ts 中声明了 '*.svg' 模块,因为我正在使用 TypeScript。

问题是我不知道如何将 SVG 文件包含到 rollup 的捆绑输出中,这意味着我的浏览器以后无法导入这些文件,并且我在控制台看到 401 错误。为了暂时解决这个问题,我

阅读更多 →

reactjs - Rollup 的 preserveModulesRoot 没有按预期工作

我觉得在使用 preserveModules 时,preserveModulesRoot 选项没有按预期工作。假设我有一个 src/index.ts 文件和一堆 src/components/CompXYZ.tsx 文件。我期望在设置 preserve modules 且根目录为 src 时,我的构建结果如下所示:

dist -- index.js -- index.map.js -- index.d.ts -- components ---- CompA.js ---- CompA.map.js ---- CompA.d.ts ---- CompB.js ---- CompB.map.js ---- CompB.d.ts

但实际发生的情况是,src 前缀只会从 input.ts 文件中去掉,而不会影响其他文件,因此构建最终看起来像这样:

阅读更多 →

typescript - Svelte Rollup 在类型导入时出现意外错误

我正在尝试构建我的 Svelte 组件,它是用 TypeScript 编写的。我正在使用 Rollup,但一直收到错误信息

[!] (plugin svelte) ParseError: Unexpected token import type { Point } from './../typings/Point';

显然‘type’导入似乎有问题。

rollup.config.js:

import svelte from "rollup-plugin-svelte"; import resolve f

阅读更多 →

reactjs - 'rollup-plugin-node-resolve' 无法与 react 的 `useState` 一起使用,如何解决?

在一个 TypeScript 项目中,我将 typescript + rollup + rollup-plugin-node-resolve + React 的 useState 一起使用,但是当运行 rollup -c 时,它抛出错误:

1: import {useState} from "react"; ^ 2: Error: 'useState

阅读更多 →