grunt-autoprefixer breaks my code (theme)

bassjobsen
创建于
2014-05-17 10:50:46

#12452 adds grunt-autoprefixer this also means the less code is not any longer pre-fixed.
Unprefixed Less code breaks my WordPress theme.
The JBST WordPress theme (http://wordpress.org/themes/jbst) is based on Bootstrap 3. The theme also has a built-in Less compiler. The Less compiler has been build with less.php (http://lessphp.gpeasy.com/).

The theme includes / imports bootstrap.less and compiles the theme's css. Other Less code in the theme also depends of Bootstrap's Less, for instance of the Bootstrap's gradient mixins.

I found https://github.com/vladkens/autoprefixer-php already, but also these tool depends on node.js. The WordPress theme should only depend on PHP.

Adding the autoprefixer in the build process makes compiling Bootstrap's CSS dependent of node.js (and grunt), i understand the profits but for my it is a bad idea now.

NB also usage / compiling of for instance https://github.com/bassjobsen/bootstrap-a11y-theme becomes dependent of node.js now

3条回答
cvrebert
回复于
2014-05-17 19:43:05
#1

Bootstrap v3 has always depended on node.js and we've only ever officially supported our Grunt-based build toolchain. We don't officially support other Less compilers because they tend to significantly lag behind less.js feature-wise.
We currently simply don't have the resources or the interest to try to support alternative build toolchains.

So, we're sorry that Bootstrap is not as well-suited to your particular use-case, but we never made any relevant build tool compatibility claims in the first place.

cvrebert
回复于
2014-05-17 20:08:08
#2

Also, the Autoprefixer doesn't have much effect presently (besides adding some -o- prefixes even though we don't officially support Presto-based Opera) because, per our docs:

To preserve backwards-compatibility, Bootstrap will continue to use the [vendor prefixing] mixins internally until Bootstrap v4.

And likewise, for backward-compatibility, we have not deleted the vendor prefixing mixins; they will remain until v4.

But going forward in v3, new Bootstrap features may rely on the Autoprefixer without adding new vendor prefix mixins, so yes, as time goes on, folks trying to use other build tools will indeed need to grapple with this issue.

Such is the peril of going outside the boundaries of what is officially supported.

bassjobsen
回复于
2014-05-17 22:38:55
#3

@cvrebert thanks for your clear explanation. I understand, but also think it is a pity. Now i will have to port the autoprefixer to php (or wordpress to node.js).

当前位于第1页,总计3 条回复

推荐相似问题

Improve container

I suggest this improvement on the .container mixin. I think it's a nice way to use containers with multiple grid system.
讨论数 2
bootstrap
创建时间:2014-05-17 07:46:30

affix-top is not applied properly on Windows Chrome (& IE11?)

It is possible to go to the top of the page, without the plugin assigning affix-top classname. Here's an example: It's r
讨论数 10
bootstrap
创建时间:2014-05-16 19:34:58

<a> <btn> "vertical-align" style of Link Text is always "top".

hi all. I using Bootstrap 3. I made Link Button using "btn" class. but text of button is always top. I wrote css and set
讨论数 2
bootstrap
创建时间:2014-05-16 09:25:02

Off Canvas is broken?

Using latest SASS or Latest CDN it seems bootstrap offcanvas is simply not going to work. Has caused me hours of headach
讨论数 3
bootstrap
创建时间:2014-05-15 23:17:53

Modal is shifting left just before the hiding animation

See https://www.youtube.com/watch?v=lazKOrLjA2M (play it at slow speed). This is using very recent master code (commit a
讨论数 4
bootstrap
创建时间:2014-05-15 22:51:54

Vertical scroll bar always showing when modal shown

A vertical scroll bar appears when a modal is shown even when the modal is smaller than the height of the browser window
讨论数 7
bootstrap
创建时间:2014-05-15 21:47:31

Broken link "Wall of browser bugs"

Please fix the broken link "Wall of browser bugs" in 3.2.0 ship list #12736
讨论数 2
bootstrap
创建时间:2014-05-15 14:45:02

Bootstrap accordion opens two panel

I'm trying this demo: http://getbootstrap.com/javascript/#collapse If you open a tab then you click on a second one befo
讨论数 2
bootstrap
创建时间:2014-05-15 08:49:26

Minify fails with escaped less code

I want to use escaped text in my less code: .timeline { width: e("calc(100% - 90px)"); } But because css is minifie
讨论数 9
bootstrap
创建时间:2014-05-15 06:28:09

invalid property value: animation : progress-bar-stripes 2s linear infinite in Google Chrome

Using Bootstrap v3.1.1 with Google Chrome v. 34.0.1847.137 I get this for the progress-bar: Would this be a bug or somet
讨论数 2
bootstrap
创建时间:2014-05-15 05:12:01