postcss相关内容

PostCSS 错误:[object Object] 不是 PostCSS 插件

错误来自 postcss 插件,我想我可能写错了. 我正在尝试将 cssnano 和 autoprefixer 添加到 postcss 插件中. gulp/node_modules/gulp-postcss/node_modules/postcss/lib/processor.js:143throw new Error(i + ' 不是 PostCSS 插件');^错误:[object O ..
发布时间:2022-01-12 13:59:16 其他开发

从 Gulp 切换到 Webpack

更新 30.04.20 [ 迁移到 Webpack ] 我的第一个问题是,对于简单项目(仅用于 Pre-Process/Concat/Minify)如何推荐此开关? 了解这个未来的“标准",比如 Webpack 和 PostCss-NextCss-Autoprefixer 等,就像让我着迷...... 所以这引出了我的下一个问题,是否有任何教程可以指导我在第一个问题中所说的 ..
发布时间:2022-01-12 13:41:41 其他开发

JSX 中的 CSS 类名和来自 Webpack(或其他编程方式)的 CSS 输出的缩小/处理

我想在我的输出 CSS 文件和从我的 React 组件渲染的 JSX 中缩小我的类名(为了非常小的源保护目的),类似于这个 Webpack 插件:https://github.com/vreshch/optimize-css-classnames-plugin 我可以使用任何现有的选项来实现这一点,无论是 Webpack 还是其他方式?非常感谢. 来自: .long-class-n ..
发布时间:2021-09-23 18:55:43 前端开发

Webpack + postcss + 主题 + 热重载

我希望允许用户在我的网站上选择主题,他们将通过下拉菜单来完成.我目前无法弄清楚如何支持此功能,而无需编写愚蠢的代码. 我目前使用 css-modules 和 postcss 来让我的生活更轻松.Webpack 用于将所有内容捆绑在一起.我在开发过程中使用热重载,在此期间我使用样式加载器. 完整配置如下 {测试:/\.css$/,加载器:!isDev?ExtractTextPlugin ..
发布时间:2021-09-06 20:44:16 前端开发

字体大小计算动态大小 Safari 失败

我使用 PostCSS responsive-type 插件,生成的代码如下: h1 {字体大小:calc(28px + 20 * ((100vw - 320px)/880));} http://codepen.io/umbriel/pen/WwLBxQ 在 Firefox、Chrome 和其他现代浏览器中运行良好.但是 safari Version 9.0.3 完全失败,正如我链接的 ..
发布时间:2021-07-14 21:05:22 前端开发

有没有办法测试 PostCSS Autoprefixer 是否正常工作?专用于 Rails 6

我正在使用 Webpacker 编写 Rails 6 web 应用程序.我的理解是 Rails 6 中的自动前缀通过 PostCSS 和它的 autoprefixer 插件开箱即用. 但是我无法验证这个库是否实际上是我的 css 的前缀. 有没有办法确认标准的默认 Rails 6.0.0 应用程序是否开箱即用自动前缀? 我已经运行 yarn autoprefixer --info ..

如何在不使用控件注释的情况下在 create-react-app 中启用 Autoprefixer CSS Grid 翻译?

我正在尝试在 Create React App 应用程序中启用 Autoprefixer Grid 翻译. 我不想弹出. 我也在使用 CSS-in-JS 解决方案,这使得无法向 CSS 添加注释.所以 /* autoprefixer grid: autoplace */ 控制注释方法是不可能的. 是否还可以在不弹出的情况下启用网格翻译? 解决方案 在询问时,这是不可能的. ..
发布时间:2021-07-03 20:38:42 其他开发

错误:PostCSS 插件自动前缀需要 PostCSS 8.更新 PostCSS 或降级此插件

每次运行 npm start 时都会收到此错误.我尝试了几个修复程序,但没有一个对我有用.我尝试将 autoprefixer 的版本更改为 9.8.6,但是没有用.请帮我解决这个问题 这是我的 package.json {“名称":“反应库",“版本":“0.1.0",“私人":真的,“依赖关系":{“@testing-library/jest-dom":“^4.2.4",“@testin ..
发布时间:2021-06-09 18:54:26 其他开发

PostCSS错误:[object Object]不是PostCSS插件

该错误来自 postcss 插件,我想我可能写错了. 我正在尝试将 cssnano 和 autoprefixer 添加到 postcss 插件中. gulp/node_modules/gulp-postcss/node_modules/postcss/lib/processor.js:143抛出新错误(i +'不是PostCSS插件');^错误:[object Object]不是Post ..
发布时间:2021-05-13 20:05:17 其他开发

反应Craco顺风的Postcss集成

我的项目使用craco来启动/构建,我希望集成顺风的postcss.我已按照本教程 https://dev.to/ryandunn/how-to-use-tailwind-with-create-react-app-and-postcss-with-no-hassle-2i09 但是结果是,我遇到了这个错误: 我的配置文件如下所示: craco.config.js(这看起来像是问题所在 ..
发布时间:2021-05-02 19:50:30 其他开发

在CSS模块中使用全局CSS文件

我正在使用 https://github.com/mxstbr/react-boilerplate 一个使用CSS模块和postCSS作为样式的项目,这很棒.但是,我还需要一些用于排版,基本组件等的全局CSS文件.应如何添加这些文件的最佳实践是什么?我已经看过使用 preCSS 的方法,但并不完全确定如何在webpack中进行设置,以便可以将这些全局文件导入到主样式表中.我是webpack的新手( ..
发布时间:2021-04-26 20:48:41 前端开发

为什么Webpack忽略我的CSS文件?

我正在尝试使webpack将我的CSS文件(使用PostCSS)编译为一个单独的文件.从文档中看来,这正是ExtractTextPlugin应该执行的操作.但是,我无法让webpack对CSS文件做任何事情. 相关项目结构: dist⎣jsundbundle.js上市⎣css⎣style.css*src⎣css⎣index.css*文件不存在(尚未创建) webpack.config ..
发布时间:2021-04-26 20:41:32 前端开发

PostCSS Autoprefixer不适用于命令行

现在,我目前正在一个项目中,我必须支持ie10的flexbox,我试图通过终端独立地为我的CSS代码自动添加前缀. 该项目不支持gulp或webpack等任何构建工具. 所以我已经安装了postcss和autoprefixer,如下所示: npm install -g postcss自动前缀 然后我试图像这样自动为单个文件添加前缀: npx postcss-使用autopr ..
发布时间:2021-04-26 20:22:32 前端开发

PostCSS中类似Sass的函数

我正在尝试PostCss,并试图找到与Sass相似的功能.我坚持使用的一个功能是类似Sass的功能. 这是我的函数是Sass: //Variables.scss$列:12;//网格列$ max-width:1200px;//网格最大宽度//Function.scss@function grid($ cols,$ to-px:false){@if($ to-px == false){@ret ..
发布时间:2021-04-26 19:39:06 前端开发