问题标签 [autoprefixer]

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.

0 投票
4 回答
2416 浏览

css - 如何为 Jekyll 添加自动前缀

Jekyll 新手和 Ruby 新手 我尝试将我的 (s)css 文件的 autoprefixer-rails 直接包含到 Jekyll 中。所以一旦页面由 Jekyll 生成,自动前缀将运行在我生成的 css 文件上。不幸的是,我没有设法正确设置,自动前缀似乎甚至没有触及我的文件。

在我的 Gemfile 之后:

还有我的 Jekyll 配置文件的一部分:

缺少哪些设置才能使其正常工作?任何帮助表示赞赏!

0 投票
1 回答
81 浏览

javascript - 为 Sass 和 Autoprefixer 使用 Grunt。需要帮助来设置我的配置文件

我正在尝试设置我的 gruntconfig.js,当任务在终端上运行且没有错误时,Autoprefixer 和 Grunt's Watch 根本不起作用。难道我做错了什么?顺便说一句,我可以同时运行 Saas 和 Autoprefixer 吗?

这是我的目录结构

这是我第一次这样做。

0 投票
0 回答
96 浏览

css - 如何解决 autoprefixer 问题?

我在bootstrap-sass安装了 gem 的 rails 系统上。这会自动拉入autoprefixer-rails。我正在使用autoprefixer-rails (5.1.11). 我似乎无法获得autoprefixer宣传它将自动生成的自动生成的前缀样式。

我知道它autoprefixer正在被加载,因为我可以进入rails console并且在需要它之后,我可以玩弄这个Class对象。

我的 CSS 看起来像这样: &.collapsed { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

例如,当我删除-webkit-transform样式时,转换在 Safari 中不起作用。

我缺少什么来autoprefixer工作?

0 投票
1 回答
90 浏览

sass - 在 scss 文件中使用 @extent 时出现 Grunt autoprefixer 错误

错误:

第 66 行指向以下代码:

来源:

我无法扩展 scss 中的标签?或者是自动前缀问题?

0 投票
2 回答
4252 浏览

javascript - Autoprefix 加载器会破坏 Webpack 中的 scss 编译

我无法让autoprefixer-loader 1.10 为我的 scss/css 加上前缀(显然 1.20 已损坏)。添加 loader 后,它不再正确编译 mixins。当我删除错误的 mixin 时,它会编译,但不会添加前缀。这是来自终端的 Webpack 编译详细信息,以及我的模块结构。任何帮助,将不胜感激。

https://gist.github.com/zachshallbetter/efafbffa7e08bcc0aab4

0 投票
1 回答
415 浏览

less - 带有 Gulp 的 less-plugin-autoprefix 插件显示错误

less-plugin-autoprefixer插件自述文件说,要使用该插件,您将其包含在您的 gulpfile.js 中:

他们要我在这里放一个开放式回调函数吗?我很困惑。我试着只包括第一部分:

然后像这样调用插件:

但我收到以下错误:

我已经包含了必要的依赖项,autoprefixer-core我在这里缺少什么?

0 投票
1 回答
1599 浏览

css - Grunt SASS 无效的属性名称外观

使用以下 SASS 代码时

通过 Grunt 编译时,我得到一个“无效的属性名称”。问题似乎与“-moz-appearance:none”有关。

我正在使用 Autoprefixer,但它不支持外观属性(https://github.com/postcss/autoprefixer#why-doesnt-autoprefixer-support-appearance)。

编译时让行通过的最佳方法是什么?

0 投票
2 回答
183 浏览

angularjs - Yoeman 任务“autoprefixer:dist”卡住了

我对 grunt 工作流程很陌生。我已经安装了https://github.com/DaftMonk/generator-angular-fullstack。当我运行时grunt serve,它会卡在autoprefixer:dist任务中。当我注释掉autoprefixer任务时,任务的其余部分都会完成,我让应用程序运行。不知道出了什么问题。请帮我摆脱这个瓶颈,我很确定它是我问题的一个答案。这是我的 gruntfile

代码目录组织

0 投票
0 回答
350 浏览

angularjs - yo angular 不会在样板 webapp 中生成样式

我正在使用 mac。我安装了 yeoman 和 angular generator,它们安装得很好。但是,在 grunt serve 上,样板 webapp 会出现,但没有 STYLES 出现。

我在 yo angular 期间没有包括 sass,只是引导

编辑:我有一种感觉,autprefixer 正在这样做——运行“autoprefixer:server”(autoprefixer)任务 Autoprefixer 的 process() 方法已被弃用,并将在下一个主要版本中删除。使用 postcss([autoprefixer]).process() 代替 File .tmp/styles/main.css 创建。不确定,使用 postcss[autoprefixer]).process() 意味着什么?

请在下面找到 gruntfile.js 代码:

0 投票
2 回答
865 浏览

php - php - 使用 php 自动为 css 添加前缀

我正在构建一个自动生成 css 样式表的 php 应用程序,我需要它能够生成跨浏览器兼容的 css 属性。

我发现这样autoprefixer做了,但它需要在用户的服务器上安装 Nodejs。

是否有不需要在用户服务器上安装额外软件的 php 类?