postcss 相关问题

PostCSS是一个使用JavaScript插件转换样式的工具。这些插件可以支持变量,混合,转换未来的CSS语法,内联图像等。

如何使用Ionic设置Svelte.js?

我正在尝试使用Svelte.js和Ionic v4构建一个移动应用程序。 1)我有苗条的模板。 2)使用npm install @ ionic / core @ latest --save安装ionic。 3)安装postcss并导入@ionic ...

回答 1 投票 2

包裹上的post css autoprefixer问题不显示前缀

Autoprefixer无法在宗地1.9.7上运行:我有我的src文件夹,并且我在.postcssrc文件内的同一文件夹中有.postcssrc文件和样式文件:{“ plugins”:{“ autoprefixer”:true}}。 ..

回答 1 投票 4

Autofixer使用的PostCSS版本与我当前的版本不同,这会导致错误。我该如何解决?

我正在将我的网站从create-react-app移植到gatsby。我已经添加了gatsby作为依赖项,但是现在当我运行gatsby development时,出现以下错误:PostCSS插件发生未知错误。您当前的...

回答 1 投票 0

如何使用PostCss编译CSS变量

我正在使用带有CRA和React-app-rewired的React,我想将CSS自定义属性(-*)编译为纯CSS:From:.section {--gap-horizo ntal:10px; } .section .item {margin:0 var(--...

回答 1 投票 0

嵌套的@import CSS语句未使用rollup-plugin-postcss进行汇总

我有此源文件,作为src / mike.js import'@ ckeditor / ckeditor5-ui / theme / globals / globals.css'导出默认函数(){console.log('Hello world'); } @ ckeditor / ckeditor5-ui / theme / globals / ...

回答 1 投票 1

如何在Svelte编译器中使用Rollup或Webpack预处理CSS组件和全局样式?

我相信现在可以在Svelte配置中使用预处理器。但是我还没有成功完成它……(猜想社区可以在Rollup和...

回答 1 投票 5

postcss和simple-vars-使用对象内部的变量

TL; DR:如果我有这样的对象并使用postcss-simple-vars:默认值:{white:'#ffffff'}如何在CSS中使用$ white变量?长版本:我有两个项目,其中一个包含所有...

回答 1 投票 0

带有顺风和postcss的十六进制

我正在尝试使用带有hexo的顺风。从https://tailwindcss.com/docs/installation/#using-tailwind-with-postcss来看,我需要连接postcss,所以我以https://github.com / ...

回答 1 投票 2

如何停止清除顺风组件

我正在使用TailwindCSS和Laravel Mix。我正在尝试设置PurgeCSS,并已读取我的模板文件(使用WordPress)并清除不在模板文件中的所有CSS。但是,作为...

回答 2 投票 0

使用样式化JSX的自定义媒体查询-Next v。9.0.6

[谁能指出我一个成功使用https://github.com/postcss/postcss-custom-media的示例next.js.config或postcss.js.config吗?我正在使用next v。9.0.6,也有next-css 1.0.1。 ...

回答 1 投票 0

postcss-svgo:TypeError:无法设置未定义(Gatsby)的属性'multipassCount'

在Gatsby 2.17.6项目上,构建时:构建生产JavaScript和CSS捆绑包[====] 1.940 s 1/6 17%运行查询失败构建生产JavaScript和CSS捆绑-75.519s ...

回答 2 投票 7

webpack4如何在生产模式下配置postcss.config.js文件

当我运行 npm run build 时,env始终是 development ,因此 cssnano 不会运行。 如何让postcss知道我正在 制作 中 ...

回答 2 投票 0

如何在create-react-app中启用Autoprefixer CSS Grid转换?

我正在尝试在Create React App应用程序中启用Autoprefixer Grid转换。 我不想弹出 。 是否仍然可以在不弹出的情况下启用网格转换 ...

回答 0 投票 0

在create-react-app中链接CSS

create react app以一个看起来像这样的App.js启动你: 注意import . App.css 此CSS文件的匿名导入。 App.css具有A...

回答 2 投票 6

默认颜色不适用于“ tailwind.macro”

我有一个React应用,试图将tailwind.macro在情感符号内使用。我正在使用custom-cra重新连接应用程序,并且$ {twWHATEVER}成功运行。但是,似乎没有...

回答 1 投票 0

postcss-base64插件不适用于postcss-cli

在我的global.css中,我已内联svg,如下所示:.icon-generated-list {background-image:url(“ data:image / svg + xml; charset = utf-8,%3C?xml version =' 1.0'encoding ='UTF-8'?%3E%3Csvg class ='icon -...

回答 1 投票 2

NPM的脚本“节点青菜”和“postcss”到autoprefixer

我需要我的SCSS编译成css文件与autoprefixing的属性。我NPM脚本是这样的:{ “脚本”:{ “编译:CSS”:“节点萨斯--output式 '压缩' SRC / SCSS / -o ...

回答 1 投票 0

是否可以从`css`文件传递PostCSS cssnext customProperties变量

当使用带有webpack的PostCSS时,我正在使用postcss-cssnext以及自定义属性的这些选项:pcssNext({features:{customProperties:{variables:{...

回答 1 投票 0

如何在PostCSS中支持内联评论?

Webpack / PostCSS无法处理具有内联注释的.pcss文件:模块构建失败:语法错误(77:5)未知单词> 77 | //} | ^ PostCSS部分我的Webpack的...

回答 3 投票 6

webpack with less和postcss autoprefixer

我是webpack的新手,我正在尝试将所有内容设置为反应项目。我已经设法让所有的东西都按照预期在webpack中工作,但是已经遇到了使用autoprefixer的路障。我有 ...

回答 2 投票 2

© www.soinside.com 2019 - 2024. All rights reserved.