问题标签 [rollup-plugin-postcss]

我正在尝试在进行汇总构建时将 css 背景 url 中的所有图像路径替换为 base64 编码的字符串。

我正在使用rollup-plugin-postcss它，我能够.css在构建中生成一个单独的文件，但我希望将图像路径替换为 base64 编码的数据 URL。

像这样的东西：

至

这是我一直在做的事情：

使用Bootstrap建议的最佳实践，我们有一个主 scss 文件，该文件使用@import语句来包含我们正在使用的 Bootstrap SCSS 文件的各个部分。

例如

但是，当我运行汇总时，我不断收到此错误：

而且我似乎找不到解决方案。我正在使用建议的 rollup-plugin-scss，我显然缺少一些基本的东西。

这是我的 rollup.config.js 文件：

上次更新之前一直正常工作，现在rollup不知道是什么问题，rollup-blugin-postcss现在不工作了。

这是我的rollup.config.js文件的内容：

这是我的index.js文件的内容：

这是我的package.json文件的内容：

我有一个项目，我想从中创建一个 NPM 包。我的堆栈是：React、Typescript、less 和 AntD。当我使用 rollup.js 创建一个包时，一切正常，但是导入 CSS 没有注入到我正在导出的 index.ts 的顶部。我能够在另一个项目中使用 CSS 代码的唯一方法是显式导入 CSS 文件（导入“mypackage/dist/index.css”）。我正在寻找一种配置汇总的方法，以将该行注入import "./index.css"主 index.ts 文件的开头。我试过很多css/less的插件，都没有成功。这是我当前的 rollup.config.js：

我正在尝试创建一个可以导出 N 个（比如说 5 个）组件的反应库。我正在使用 css-modules 来设置所有组件的样式。

我的目标是： 如果这个库的消费者只想使用 5 个组件中的 1 个组件，则不应将其他 4 个组件的 CSS 添加到消费者的包中。

我试过什么？：我开始使用 create-react-library，但它会创建一个 CSS 文件并将所有组件的样式添加到一个用户可以导入的文件中。我也尝试过 tsdx，但它也会为所有奇怪的组件生成单个 css 文件。

我的问题是：使 CSS 在用户包中摇晃的正确方法是什么？是否可以在不让用户导入 CSS 文件和不使用 CSS-in-JS 的情况下自动注入使用的样式（在这种情况下，只有一个组件的样式）？

我在 rollup(v2.62.0) 中使用 rollup-plugin-scs( v3.0.0 ) 插件来打包我的 svelte(v3.44.3) 应用程序。

有两组 scss 文件。一组用于从左到右的语言，另一组用于从右到左的语言。对于每一组，都有一个入口 scss 文件，用于导入其他相关的 scss 文件。

我所期待的是将 scss 文件打包成两个单独的包。

• src/styles/global_ltr.scss => global_ltr.css
• src/styles/global_rtl.scss => global_rtl.css

然后我的 svelte 组件可以根据访问者的语言懒加载相应的 css 文件。

rollup.config.js如下所示

我遇到什么问题：

1. 两套捆绑成一套。scss({output: function})回调仅在 ltr 和 rtl 样式中触发一次。

2. 我必须在我的应用程序中导入两个条目 scss 文件，否则它们不会被捆绑。

一般来说，我试图将两组 scss 文件捆绑到两个单独的 css 文件中，而不考虑苗条。

先感谢您