Giter VIP home page Giter VIP logo

postcss-icss's Introduction

postcss-icss

A CSS Modules parser to extract tokens from the css file. Provides opportunity to process multiple files.

API

In order to use it you should provide a fetch function which should load contents of files and process it with the PostCSS instance. fetch function should return promise object which will resolve into tokens.

const ICSS = require('postcss-icss');

function fetch(importee, importerDir, processor) {
  // load content
  return processor.process(css, { from: filename })
    .then(result => result.messages.find(d => d.type === "icss").exportTokens);
}

postcss([ ICSS({ fetch }) ]);

postcss-icss's People

Contributors

sullenor avatar trysound avatar

Stargazers

avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar

Forkers

birdofpreyru

postcss-icss's Issues

Errors with new versions of `postcss`

With my web pack build I get output

Unknown error from PostCSS plugin. Your current PostCSS version is 7.0.17, but parser uses 5.2.18. Perhaps this is the source of the error below

postcss-modules-parser has a dependency on older version of postcss

$ npm ls postcss
/Users/craigbeck/dev/premise-frontend-v3
├─┬ [email protected]
│ └── [email protected] 
├─┬ [email protected]
│ ├── [email protected]  deduped
│ ├─┬ [email protected]
│ │ ├─┬ [email protected]
│ │ │ ├── [email protected] 
│ │ │ ├─┬ [email protected]
│ │ │ │ └── [email protected]  deduped
│ │ │ └─┬ [email protected]
│ │ │   └── [email protected]  deduped
│ │ └── [email protected]  deduped
│ ├─┬ [email protected]
│ │ └── [email protected] 
│ ├─┬ [email protected]
│ │ └── [email protected] 
│ ├─┬ [email protected]
│ │ └── [email protected] 
│ ├─┬ [email protected]
│ │ └── [email protected] 
│ └─┬ [email protected]
│   └── [email protected] 
├─┬ [email protected]
│ ├─┬ [email protected]
│ │ └── [email protected] 
│ ├── [email protected] 
│ └─┬ [email protected]
│   └── [email protected]  deduped
├─┬ [email protected]
│ └── [email protected] 
├─┬ [email protected]
│ └── [email protected]  deduped
├─┬ [email protected]
│ └── [email protected]  deduped
├─┬ [email protected]
│ ├─┬ [email protected]
│ │ └── [email protected]  deduped
│ └── [email protected]  deduped
├─┬ [email protected]
│ └── [email protected]  deduped
├─┬ [email protected]
│ ├── [email protected]  deduped
│ ├─┬ [email protected]
│ │ └── [email protected]  deduped
│ ├─┬ [email protected]
│ │ └── [email protected]  deduped
│ ├─┬ [email protected]
│ │ └── [email protected]  deduped
│ ├─┬ [email protected]
│ │ └── [email protected]  deduped
│ ├─┬ [email protected]
│ │ └── [email protected]  deduped
│ └─┬ [email protected]
│   └── [email protected]  deduped
└─┬ [email protected]
  ├── [email protected]  deduped
  └─┬ [email protected]
    └── [email protected]  deduped

Looking at the code it appears it's only dependency is on postcss.plugin so thinking this may be better handled with a sibling dependency?

postcss-icss/src/index.js

Line 48 in 80fad33

module.exports = postcss.plugin("postcss-icss", (options = {}) => (

* extension

* as val could be very useful for values replacement. Dot replacement already work.

@value * as val from 'path';

becomes

:import('path') {
  val: *;
  prop1: imported1
}

Will be expanded to

:import('path') {
  prop1: imported1;
  prop2: imported2;
  prop3: imported3
}

/cc @sokra @sullenor

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.