postcss相关内容
我正在尝试在我的nuxt项目中安装Tailwincss 我从nuxt使用全新安装https://v3.nuxtjs.org/getting-started/installation npx nuxi init nuxt3-app 并遵循TailWincss安装 https://tailwindcss.com/docs/guides/nuxtjs 但是当我启动应用程序np
..
这是一个Reaction Web应用程序。当我运行时 npm start 发生此错误 > dataflow@0.1.0 start > react-scripts start node:internal/modules/cjs/loader:488 throw e; ^ Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package
..
错误来自 postcss 插件,我想我可能写错了. 我正在尝试将 cssnano 和 autoprefixer 添加到 postcss 插件中. gulp/node_modules/gulp-postcss/node_modules/postcss/lib/processor.js:143throw new Error(i + ' 不是 PostCSS 插件');^错误:[object O
..
更新 30.04.20 [ 迁移到 Webpack ] 我的第一个问题是,对于简单项目(仅用于 Pre-Process/Concat/Minify)如何推荐此开关? 了解这个未来的“标准",比如 Webpack 和 PostCss-NextCss-Autoprefixer 等,就像让我着迷...... 所以这引出了我的下一个问题,是否有任何教程可以指导我在第一个问题中所说的
..
我想在我的输出 CSS 文件和从我的 React 组件渲染的 JSX 中缩小我的类名(为了非常小的源保护目的),类似于这个 Webpack 插件:https://github.com/vreshch/optimize-css-classnames-plugin 我可以使用任何现有的选项来实现这一点,无论是 Webpack 还是其他方式?非常感谢. 来自: .long-class-n
..
我希望允许用户在我的网站上选择主题,他们将通过下拉菜单来完成.我目前无法弄清楚如何支持此功能,而无需编写愚蠢的代码. 我目前使用 css-modules 和 postcss 来让我的生活更轻松.Webpack 用于将所有内容捆绑在一起.我在开发过程中使用热重载,在此期间我使用样式加载器. 完整配置如下 {测试:/\.css$/,加载器:!isDev?ExtractTextPlugin
..
我使用 PostCSS responsive-type 插件,生成的代码如下: h1 {字体大小:calc(28px + 20 * ((100vw - 320px)/880));} http://codepen.io/umbriel/pen/WwLBxQ 在 Firefox、Chrome 和其他现代浏览器中运行良好.但是 safari Version 9.0.3 完全失败,正如我链接的
..
我正在使用 scss-bundle 来导入 scss 文件并解析他所有的 @import 语句,以便稍后再次将其保存为 scss 文件. 这很好用,下面是一个例子来看看它是如何工作的: scss-bundle.ts import { Bundler } from 'scss-bundle';从“路径"导入{相对};从'fs-extra'导入{writeFile};/** 将所有 SC
..
我正在使用 Webpacker 编写 Rails 6 web 应用程序.我的理解是 Rails 6 中的自动前缀通过 PostCSS 和它的 autoprefixer 插件开箱即用. 但是我无法验证这个库是否实际上是我的 css 的前缀. 有没有办法确认标准的默认 Rails 6.0.0 应用程序是否开箱即用自动前缀? 我已经运行 yarn autoprefixer --info
..
我正在尝试在 Create React App 应用程序中启用 Autoprefixer Grid 翻译. 我不想弹出. 我也在使用 CSS-in-JS 解决方案,这使得无法向 CSS 添加注释.所以 /* autoprefixer grid: autoplace */ 控制注释方法是不可能的. 是否还可以在不弹出的情况下启用网格翻译? 解决方案 在询问时,这是不可能的.
..
在 create-react-app 下创建新项目时,您会立即收到有关 postcss 中发现的漏洞的警告. npm 报告的问题:https://www.npmjs.com/advisories/1693 可以在此处找到相关的未决问题: https://github.com/postcss/postcss/issues/1574 https://github.com/faceb
..
在将输出从一个管道传输到另一个时,是否可以使用 node-sass 和 postcss autoprefixer 生成完全工作的源映射?我目前在 package.json 中有以下内容: “脚本":{"sass": "node-sass sass/app.scss --source-map true --source-map-embed true","postcss:autoprefixer":
..
每次运行 npm start 时都会收到此错误.我尝试了几个修复程序,但没有一个对我有用.我尝试将 autoprefixer 的版本更改为 9.8.6,但是没有用.请帮我解决这个问题 这是我的 package.json {“名称":“反应库",“版本":“0.1.0",“私人":真的,“依赖关系":{“@testing-library/jest-dom":“^4.2.4",“@testin
..
在 windows 10 和 npm 版本 6.9.0 下,我无法使用以下脚本: "build:css": "postcss --use autoprefixer -b 'last 2 versions'
..
该错误来自 postcss 插件,我想我可能写错了. 我正在尝试将 cssnano 和 autoprefixer 添加到 postcss 插件中. gulp/node_modules/gulp-postcss/node_modules/postcss/lib/processor.js:143抛出新错误(i +'不是PostCSS插件');^错误:[object Object]不是Post
..
我的项目使用craco来启动/构建,我希望集成顺风的postcss.我已按照本教程 https://dev.to/ryandunn/how-to-use-tailwind-with-create-react-app-and-postcss-with-no-hassle-2i09 但是结果是,我遇到了这个错误: 我的配置文件如下所示: craco.config.js(这看起来像是问题所在
..
我正在使用 https://github.com/mxstbr/react-boilerplate 一个使用CSS模块和postCSS作为样式的项目,这很棒.但是,我还需要一些用于排版,基本组件等的全局CSS文件.应如何添加这些文件的最佳实践是什么?我已经看过使用 preCSS 的方法,但并不完全确定如何在webpack中进行设置,以便可以将这些全局文件导入到主样式表中.我是webpack的新手(
..
我正在尝试使webpack将我的CSS文件(使用PostCSS)编译为一个单独的文件.从文档中看来,这正是ExtractTextPlugin应该执行的操作.但是,我无法让webpack对CSS文件做任何事情. 相关项目结构: dist⎣jsundbundle.js上市⎣css⎣style.css*src⎣css⎣index.css*文件不存在(尚未创建) webpack.config
..
现在,我目前正在一个项目中,我必须支持ie10的flexbox,我试图通过终端独立地为我的CSS代码自动添加前缀. 该项目不支持gulp或webpack等任何构建工具. 所以我已经安装了postcss和autoprefixer,如下所示: npm install -g postcss自动前缀 然后我试图像这样自动为单个文件添加前缀: npx postcss-使用autopr
..
我正在尝试PostCss,并试图找到与Sass相似的功能.我坚持使用的一个功能是类似Sass的功能. 这是我的函数是Sass: //Variables.scss$列:12;//网格列$ max-width:1200px;//网格最大宽度//Function.scss@function grid($ cols,$ to-px:false){@if($ to-px == false){@ret
..