问题标签 [rollup-plugin-postcss]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

16 问题
Newest
Active
Bountied
318
Unanswered
0 投票
2 回答
713 浏览

javascript - .css 文件未添加到仅在 js 中使用汇总构建的分发中

我正在使用rollup-starter-lib作为我的 JS 库的基础来编写 JS 库

"version": "1.29.0"

它有main.js文件和main.css文件，没有html文件。 main.jsfile 是关于 DOM 操作的，main.css在实现步骤中需要 file ，以便轻松地集成这个 JS 库，而不是给用户一个指令。

我觉得它的 .css 文件由于树抖动而没有创建，因为这个 JS 库本身没有使用 css。

电流分布

预期分布

将文件复制main.css到dist意外的文件夹中，因为它没有缩小。

rollup.config.js

main.js

基本上没有main.css在 JS 库中使用它自己。但是在集成这个库时是必要的。

0 投票
1 回答
1665 浏览

rollupjs - 汇总缩小类名

是否有任何允许混淆/修改 CSS 类名称的 rollup.js 插件？我没有找到任何东西，除了 webpack 的这个：https ://github.com/sndyuk/mangle-css-class-webpack-plugin

0 投票
0 回答
82 浏览

rollup - 汇总：如何将字体添加为库构建的一部分

我正在创建一个 Javascript UI 库，我想在其中使用 Roboto 字体作为库的一部分。我使用了“rollup-plugin-url”，但它不起作用。

0 投票
0 回答
723 浏览

javascript - 如何使用 rollup.js 将提取的 css 文件正确注入 html 文件的头部？

我得到了简单的 rollup.config.js - 一切对我来说似乎都很好，应该可以按我的意愿工作（在主题标题中），但只有 js 文件被注入到 html 中。请帮忙，尝试了很多不同的包，比如 rollup-plugin-postcss、rollup-plugin-styles、rollup-plugin-scss、rollup-plugin-sass，结果总是一样的——只注入了 js，而不是 css。

rollup.config.js

索引.html

0 投票
1 回答
1038 浏览

svelte - Svelte：无法清除导入的未使用 CSS

我尝试删除从外部 css 文件导入的未使用 css，但未成功。

我徒劳地尝试了很多组合，每次运行构建脚本时，我都会得到一个巨大的bundle.css。

这是迄今为止我尝试过的所有内容的列表：

我很确定我做错了什么，但老实说我不知道​​是什么。

如果有人知道如何解决这个问题，我很想听听一些反馈。

简单的回购示例：https ://github.com/mgrisole/svelte-playground

0 投票
1 回答
871 浏览

rollup - 更改 rollup-plugin-postcss 为某些文件生成的 CSS 类名

我需要配置 rollup-plugin-postcss 只修改某些文件的 CSS 类名。我知道 WebPack 可以做到这一点，但我不知道如何使用 Rollup 来做到这一点。理想情况下，我想给出一个正则表达式来描述如何处理符合该条件的 CSS 文件。

这就是我的 rollup.config.js 的样子：

0 投票
0 回答
73 浏览

javascript - 汇总插件开发：如何防止其他插件处理我的插件已经处理的文件

我正在开发一个汇总插件来处理插件用户的项目文件（js、sass、css 等）的一部分，但如果用户在他或她的项目中有另一个插件，例如 postcss，它将重新处理我的插件的文件已处理，并导致错误。

所以我想知道是否有一种通用的方法来标记已经由我的插件处理的文件并将其从汇总构建链中删除，以便其他插件无法加载和处理它。

我在汇总 wiki 中找不到任何有用的信息...

0 投票
0 回答
117 浏览

css - tsdx - 导入 .css - 错误 - PostCSS 插件 postcss-modules 需要 PostCSS 8

0 投票
1 回答
1312 浏览

reactjs - 汇总插件 postcss 不注入从 node_modules 导入的 css

这是我的汇总配置

因此，如果我从相对路径本地导入 css 文件，它会被注入，但我从 node_modules 导入它不会

我在这里做错了什么？

0 投票
2 回答
643 浏览

sass - Rollup - 允许在 js 中导入 scss 文件中的 :export 语句

我们有一个使用 Rollup 构建的 Vue 组件库。开发处于早期阶段，但到目前为止一切都运行良好，除了这一点：我们无法从 scss 文件中导出 SASS 变量并将它们导入到 js 文件中。我们习惯于使用:exportWebpack 的语句来做到这一点sass-loader。像这样的东西：

断点.scss

然后在任何 js 文件中，我们可以导入样式表import breakpoints from '@/styles/settings/breakpoints.scss'，其中breakpoints将等于{ mobile: '360', tablet: '768', desktop: '1200' }.

所以它适用于 Webpack，但我无法在没有额外配置的情况下使用rollup-plugin-styles使用 Rollup （我也尝试了 rollup-plugin-postcss，结果相同）。我在 Google 上也找不到与该问题相关的任何内容...

这是Rollup 编译的breakpoints.scss的结果：

所以它似乎想要注入有意义的样式，但仍然不是我想要的行为。是否已经有可能实现我正在寻找的东西，或者我需要为rollup-plugin-styles添加支持做出贡献？


12345678910