项目作者: nicbell

项目描述 :
node-sass + PostCss = PostScss
高级语言: JavaScript
项目地址: git://github.com/nicbell/postscss.git
创建时间: 2015-10-02T15:04:16Z
项目社区:https://github.com/nicbell/postscss

开源协议:ISC License

下载


PostScss NPM Downloads

node-sass + PostCss = PostScss.

PostScss compiles SASS into CSS then runs PostCSS plugins. It also supports importing Eyeglass modules.

Install

  1. npm i postscss

Usage

  1. var postscss = require('postscss');
  2. // Single build
  3. postscss([postcss plugins]).process({
  4. from: 'xxx/src/scss/xxx.scss',
  5. to: 'xxx/dist/css/xxx.css'
  6. });
  7. // Disabling source maps
  8. postscss([postcss plugins]).process({
  9. from: 'xxx/src/scss/xxx.scss',
  10. to: 'xxx/dist/css/xxx.css',
  11. sourceMapDisabled: true
  12. });
  13. // Multiple builds
  14. postscss([postcss plugins]).processMany([{
  15. from: 'xxx/src/scss/xxx.scss',
  16. to: 'xxx/dist/css/xxx.css'
  17. }, {
  18. from: 'xxx/src/scss/xxx2.scss',
  19. to: 'xxx/dist/css/xxx2.css'
  20. }]);

Promises

  1. var postscss = require('postscss');
  2. postscss([postcss plugins]).process({
  3. from: 'xxx/src/scss/xxx.scss',
  4. to: 'xxx/dist/css/xxx.css'
  5. })
  6. .then(function() {
  7. console.log('All done.');
  8. })
  9. .catch(function(error) {
  10. // Error handling.
  11. });

PostCss plugins example

  1. var postscss = require('postscss');
  2. var autoprefixer = require('autoprefixer');
  3. var cssnano = require('cssnano');
  4. postscss([autoprefixer(['> 5%', 'last 2 versions', 'ie > 7']), cssnano()]).process({
  5. from: 'xxx/src/scss/xxx.scss',
  6. to: 'xxx/dist/css/xxx.css'
  7. });

Grunt example

  1. grunt.registerTask('compileSCSS', 'Task description.', function () {
  2. var done = this.async();
  3. var postscss = require('postscss');
  4. postscss([postcss plugins]).process({
  5. from: 'xxx/src/scss/xxx.scss',
  6. to: 'xxx/dist/css/xxx.css'
  7. })
  8. .then(done);
  9. });

SASS importer

  1. var postscss = require('postscss');
  2. var npmsass = require('npm-sass');
  3. postscss([postcss plugins]).process({
  4. from: 'xxx/src/scss/xxx.scss',
  5. to: 'xxx/dist/css/xxx.css',
  6. importer: npmsass.importer
  7. });