Wondering what’s next for npm?Check out our public roadmap! »

    babel-plugin-pre-style

    1.0.0 • Public • Published

    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.

    Keywords

    none

    Install

    npm i babel-plugin-pre-style

    DownloadsWeekly Downloads

    0

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    184 kB

    Total Files

    26

    Last publish

    Collaborators

    • avatar