Comments (2)
The preprocessor is just a wrapper around rework-suit and autoprefixer, so if you use those directly you can add in other rework plugins.
Here's an example I've used in gulp
:
var gulp = require('gulp');
var rework = require('gulp-rework');
var autoprefixer = require('gulp-autoprefixer');
var reworkAt2x = require('rework-plugin-at2x');
var reworkSuit = require('rework-suit');
gulp.task('suit', function() {
return gulp.src('*.css')
.pipe(rework(
reworkSuit(),
reworkAt2x()
))
.pipe(autoprefixer())
.pipe(gulp.dest('built/'));
});
from preprocessor.
So there isn't a way to use preprocessor
along with other rework plugins I had to create a script and use rework-suit
Here is a sample script:
var autoprefixer = require('autoprefixer');
var rework = require('rework');
var suit = require('rework-suit');
var colors = require('rework-plugin-colors');
var at2x = require('rework-plugin-at2x');
var inherit = require('rework-inherit');
var fs = require('fs');
var browserConfig = [
'Explorer >= 9',
'last 2 Chrome versions',
'last 2 Firefox versions',
'last 2 Safari versions',
'last 2 iOS versions',
'Android 4'
];
var css = fs.readFileSync('index.css','utf8');
var bundle = rework(css, { source: 'index.css' })
.use(suit({ source: 'index.css' }))
.use(inherit())
.use(colors())
.use(at2x())
.toString({ sourcemap: true });
bundle = autoprefixer(browserConfig).process(bundle).css;
fs.writeFileSync('bundle.css', bundle);
from preprocessor.
Related Issues (20)
- Remove beforeLint HOT 3
- mergeOptions shouldn't override postcss-import's transform HOT 5
- Add debug option HOT 1
- Lint main file HOT 10
- Consider adding postcss-autoreset HOT 5
- Consider adding postcss-apply HOT 6
- Consider adding postcss-color-function
- Lint by default HOT 6
- CLI options should override config file HOT 5
- stylelint HOT 29
- --import-root is being ignored HOT 12
- CLI does not accept config file in json format HOT 7
- Setting lint to false doesn't stop bem-linter
- update to stylelint ^7.6.1 HOT 1
- Update postcss-easy-import
- Deprecation of root rules HOT 9
- Drop Node 0.12
- stylelint-config-suitcss problem HOT 2
- npm 4.0.0 version HOT 1
- Add postcss-initial to build chain. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from preprocessor.