Skip to content
Branch: master
Go to file
Code

Latest commit

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 

README.md

babel-plugin-pre-style

npm install --save babel-plugin-pre-style

npm version

This is the Babel Plugin for Pre-Style. Refer to the root project for configuration options and general information. Note: This plugin does not work with the command line options of the original tool. You must use and specify a config file.

To use with Babel, add the following to your .babelrc file:

{
  "plugins": [
    ["pre-style", { "config": "path/to/PreStyleConfig.js" }]
  ]
}

Examples

Simple Button example

  • This example features a simple setup where we're simply spitting out a styled button. Pre-Style sets the styles for the button in the button.js file. We're using Webpack and Babel to easily build our bundle.js file. To see the example, download the example folder and do a npm install inside of the button folder. Once all the dependencies have loaded, simply run npm run build to build the bundle.js file. To view, use any static http-server on the button folder. The source for this example is here.

With React, Webpack, and Hot Module Reloading:

  • This example features a simple "Hello World" React application. We use Pre-Style in the wrapper.jsx file to set the base styles for a <h1> tag and then change the color once a second. To see the example, download the example folder and do a npm install inside of the ReactWebpackHMR folder. Once all the dependencies have loaded, simply run npm start. The example features Hot Module Reloading so you can play with the markup and Pre-Style live. The source for this example is here.

About

Babel Plugin for processing Pre Style statements.

Resources

Releases

No releases published
You can’t perform that action at this time.