@stylable/core
is at the center of how Stylable operates. It provides the basic capabilities required for Stylable to parse stylesheets and transform their output to valid plain CSS.
Follow these instructions in order to run Stylable in development mode, this allows you to run the package tests with hot-loading enabled.
- Clone this repo
cd stylable
npm i
cd ./packages/stylable
npm start
- Open your browser to
http://localhost:8080/tests.bundle
Stylable's workflow contains two main parts that together perform the CSS transpilation.
stylable-processor
- Parses eachstylesheet
separately into its own AST (abstract syntax tree, extracting the required data without any resolution of dependencies in other files.stylable-transformer
- Processes each stylesheet using the previously created data including other file dependencies. Transforms our Stylable CSS into vanilla CSS.
Copyright (c) 2017 Wix.com Ltd. All Rights Reserved. Use of this source code is governed by a MIT license.