如何使用rollup插件node-sass缩小css

文章/答案/技术大牛

发布

1回答

sass、rollup、node-sass、rollupjs

我知道默认情况下node-sass可以缩小css。但是，对于像我这样创建js和单独css工件的管道，有什么选择呢？const resolve = require('rollup-plugin-node-resolve');const json =

浏览 47提问于2020-02-20得票数 3

3回答

在汇总中链接PostCSS和SASS的正确方法

sass、promise、build-tools、postcss、rollupjs

我正在尝试将rollup设置为同时使用SCSS样式表和Lost网格系统，后者需要通过PostCSS进行解析。我已经验证了SCSS被正确解析，但是PostCSS处理器似乎没有任何效果。这是没有错误的，但是生成的CSS没有什么不同。下面是我的汇总配置，使用rollup -c config/dev.js调用import babel from 'rollup-plugin-babel';

浏览 2提问于2016-12-14得票数 12

回答已采纳

1回答

使用Rollup编译Sass文件

javascript、css、sass、rollupjs

.│ ├── css│ └── js├── package.json format: "esm", plugins: [ include: ["/**/*.css","&#

浏览 561提问于2020-10-08得票数 5

1回答

npm-watch的配置问题--在某些情况下听不到更改

javascript、npm、build、rollup

我正在编写一个构建脚本，它使用rollup和其他工具来构建东西。每件事都运行得很好，但npm-watch在收听内容方面非常有选择性。我已经告诉它使用四个不同的watch，但只有一个(watch:js)响应。这里有一个的链接。*.* build/img", "compile-css": "node-sass --output-sty

浏览 0提问于2018-03-12得票数 0

1回答

当我在汇总中使用scss时，意外的字符'@‘(注意，您需要插件来导入不是JavaScript的文件)

sass、rollup、node-sass

当我在汇总中使用Scss时，当我构建项目时，会出现一个错误： "@types/react-transition-group": "^4.4.4", "node-sass</

浏览 42提问于2022-07-09得票数 3

1回答

带有材料-ui布局的Rollup.js构建错误-包括网格组件

material-ui、svelte、rollupjs

我使用yarn add "@material/layout-grid"命令单独安装了它。[!]at options.error (/media/hdd-home/d/WebServers/home/spadmin.org/public_html/todoapp/node_modules/node-sasstextfield": "^1.0.0-beta.21",

浏览 2提问于2020-05-25得票数 0

1回答

我使用无服务器创建Lambda (Node10x)。Lambda使用汇总来创建JS和CSS资产。但它在总装阶段失败了。它使用Node 10.0.0和无服务器脱机在本地运行，但是一旦到了生产阶段，我就会得到这个错误。2019-08-29T14:32:35.254Z ERROR error: { Error: Missing binding /var/task/node_modules/node-sass/node_modules/

浏览 0提问于2019-08-29得票数 1

3回答

用Node-sass缩小CSS

css、node.js、minify、node-sass

我在我的NodeJS项目中使用SCSS，并让我的脚本使用下面的命令将所有分离的SCSS文件转换成一个CSS文件我唯一的问题是，我也希望CSS文件被缩小。这和Node-sass有可能吗？医生说有一种“紧凑”的选择，但当我尝试时，它似乎不起作用 <e

浏览 2提问于2016-11-13得票数 60

回答已采纳

1回答

当与RollupJS绑定时遇到缩小文件的问题-使用rollup* plugin-uglify绑定多项*

javascript、minify、uglifyjs、rollup

我试图使用rollup插件-多条目和rollup插件-uglify将相当多的JavaScript文件打包到一个缩小的文件中。我刚开始缩小文件，所以唯一会抛出红旗的是，当我捆绑多个文件时，我的IDE主题不会改变代码的颜色，然后与打包单个文件并将其缩小相比，不会改变代码的颜色。, }, plugins: [multiEntry(), babel(), u

浏览 0提问于2018-05-18得票数 2

1回答

如何在汇总中包含带有类型记录的依赖项？

typescript、rollup

下面是到目前为止我的rollup配置。import serve from 'rollup-plugin-serve';importscss from 'rollup-plugin-s

浏览 0提问于2018-04-03得票数 3

回答已采纳

2回答

Webpack: SCSS到CSS文件

javascript、css、node.js、webpack、sass

如何使用我的SCSS源代码并将其编译成一个(额外的:小型化) CSS文件？阅读文档和搜索网页可以清楚地看出，每个人似乎都在煮自己的汤，没有标准/推荐的方法来完成这样一项共同的任务。

浏览 0提问于2019-10-18得票数 1

回答已采纳

2回答

Rollup.js -让PostCSS处理整个插件，而不是来自bundle.css -bundle.css-svelte的单个文件

javascript、node.js、svelte、postcss、rollupjs

现在，svelte插件正在从我的.svelte文件中提取css，并将其发送到posctcss插件，但它是一次只处理一个文件，而不是整个包。这使得purgecss和nanocss postcss插件中的一些函数不能完全工作，因为它们需要整个包来做一些事情，比如删除重复/冗余/未使用的css规则。/public/**/*.html'], css: ['.production

浏览 41提问于2020-01-18得票数 1

1回答

django中的ES6捆绑文件方法

javascript、python、django-compressor

我试图在django项目中使用js库( ifc.js )，我用默认值安装了django压缩器和django压缩器工具包，ifc.js使用rollup来捆绑文件，npm包conf文件是 "name"/a_viurb/static/ifc/rollup.config.js", "<

浏览 9提问于2022-04-11得票数 0

2回答

如何在Svelte中使用汇总或Webpack对组件CSS和全局样式进行预处理？

webpack、postcss、rollupjs、svelte

我相信现在可以选择在svelte配置中使用预处理器。但我还没成功.(我想这个社区可以用一个工作例子，无论是使用Rollup还是Webpack)。在我进行更多修改之前，我想知道是否可以在svelte编译器中使用rollup / webpack配置对global.css (或任何“非组件”css)进行预处理，因为它编译了主js？虽然我喜欢CSS与组件绑定的想法，但也有一些开发人员像组件样式一样依赖全局样式，因此他们不必在每个组件中再次重复样式。

浏览 2提问于2019-06-06得票数 8

1回答

汇总，如何同时捆绑.css和min.css

rollup、rollupjs

我在项目中使用rollup与rollup-plugin-scss插件捆绑css。是否可以使用此插件或其他插件同时生成.css和.min.css？plugins: [ output: path.resolve(__dirname, 'projects/project_name/main.css

浏览 21提问于2020-04-23得票数 1

回答已采纳

1回答

如何替换url(.)在带有数据URI的CSS中？

javascript、css、bundling-and-minification、rollupjs

使用rollup和postcss插件，我可以将CSS注入到我的包中。然而，我的CSS引用了一些图像文件，例如background-image: url(.我如何配置postcss/rollup来用数据URI替换CSS url(...)的实例，从而将SVGs嵌入到包中？

浏览 3提问于2018-09-28得票数 11

回答已采纳

1回答

如何处理带有postcss的css* -带有rollup的sapper template*

rollup、postcss、svelte

在sapper-template中使用rollup-plugin-postcss时遇到问题 npx degit sveltejs/sapper-template#rollup my-app npm installrollup-plugin-postcss --save-dev 安装各种postcss插件创建src/css/main.css 在src/client.js的顶行添加import './cs

浏览 19提问于2019-05-27得票数 1

1回答

preserveModules的汇总例外

javascript、rollup

我使用一个名为rollup-plugin-lit-css的汇总插件将.css文件转换为javascript模块。这个插件非常简单，它本质上只是将export default附加到文件中。我的汇总配置使用preserveModules和output.dir来避免捆绑模块。import resolve from 'rollup-plugin-node-resolve'; import litcss from 'roll

浏览 114提问于2019-03-05得票数 4

2回答

在rollup/buble中定义浏览器全局

javascript、server-side-rendering、rollupjs、preact、bublejs

我正在制作一个Preact SSR应用程序，它使用进行捆绑，用于ES2015转换。目前，我要捆绑到我的客户端构建的外部模块之一@horizon/client使用WebSockets。目前，由于绑定使用的是Node，所以没有定义它，从而导致生成错误： /Users/tim/Documents/Tower/node_modules/@horizon/client/lib/index.js当使用这些工具时，我将有一个插件<

浏览 0提问于2017-06-23得票数 1

回答已采纳

1回答

Svelte (routify) + rollup:不关注/static中的css变化

svelte、rollup

我希望能够监视/static中的更改(例如，在global.css上) watch: { }, 我还尝试在routify cli：routify -D --extensions svelte,html,md,css中调用add "css“to th

浏览 27提问于2020-05-15得票数 3

回答已采纳

点击加载更多