网站搜索
我正在构建一个 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
阅读更多 →
我运行一个使用 rollup 打包的 TS 项目。使用:
"typescript": "^4.6.3", "rollup-plugin-typescript2": "^0.31.2", "rollup-plugin-commonjs": "^10.1.0",当我使用 tsc -d --emitDeclarationOnly --declarationDir build/types 编译我的代码时,一切都构建正常,但是使用
阅读更多 →
我的图书馆项目使用...
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 阅读更多 →我正在使用 rollup 作为我的模块构建工具,并且在源代码中使用 Typescript。现在,我需要为我的模块定义一些 CSS 文件。在将我的 CSS 文件导入到 .ts 文件时,我收到以下错误:Cannot find module ' ./styles.css '。我该如何为我的 CSS 文件生成类型定义(typings)?
我遇到了一个 npm 包 typed-css-modules 用于生成类型定义。我尝试使用它,但我的 CSS 类仍然没有导出到我的 .ts 文件。
无论如何,我找到了我问题的解决方案。我现在正在使用这个包来生成类型定义
rollup 插件 postcss 模块
阅读更多 →
我正在尝试创建一个 TypeScript 可重用组件库的示例模板,使用 Ant Design 作为 UI 元素,使用 Rollup 进行打包。
虽然 Ant Design 文档很有用,但并没有提供配置 Rollup 的具体细节,而且我也没能找到使用相同技术栈的示例。
使用来自各种在线来源的信息,我整理了一个大纲模板,并将其发布到以下 GitHub 仓库
然而,构建输出显示了许多来自 Rollup 的警告,涉及重写对 'this' 的引用。有人能建议修改我的构建配置以解决此问题吗?
阅读更多 →
我正在尝试为我们的企业库构建一个标准化的 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
阅读更多 →
我正在使用 @rollup/plugin-image 来帮助在我的 LitElement 项目中解析 svg 导入,正如这里推荐的:https://github.com/rollup/plugins。我还在 custom.d.ts 中声明了 '*.svg' 模块,因为我正在使用 TypeScript。
问题是我不知道如何将 SVG 文件包含到 rollup 的捆绑输出中,这意味着我的浏览器以后无法导入这些文件,并且我在控制台看到 401 错误。为了暂时解决这个问题,我
阅读更多 →
我觉得在使用 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 文件中去掉,而不会影响其他文件,因此构建最终看起来像这样:
阅读更多 →
我正在尝试构建我的 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 阅读更多 →
在一个 TypeScript 项目中,我将 typescript + rollup + rollup-plugin-node-resolve + React 的 useState 一起使用,但是当运行 rollup -c 时,它抛出错误:
1: import {useState} from "react"; ^ 2: Error: 'useState 阅读更多 →