This package has been deprecated

    Author message:

    Please install webpack-atomizer-loader instead

    atomic-loader

    0.2.2 • Public • Published

    npm version travis build state

    atomic-loader

    Webpack loader for compiling atomic css

    Install

    $ npm install atomic-loader --save-dev
    

    Usage

    In your webpack config:

    1. find the babel-loader or jsx-loader setting
    2. insert the atomic-loader before it
    3. example
    loaders: [
            {
                test: /\.jsx?$/,
                exclude: /(node_modules)/,
                loader: 'atomic-loader?configPath=./atomicCssConfig.js!babel-loader',
            }
        ]
    1. atomCssConfig.js example which specified in configPath
    module.exports = {
        cssDest: './main.css',
        options: {
            namespace: '#atomic',
        },
        configs: {
            breakPoints: {
                sm: '@media screen(min-width=750px)',
                md: '@media(min-width=1000px)',
                lg: '@media(min-width=1200px)'
            },
            custom: {
                '1': '1px solid #000',
            },
            classNames: []
        }
    }

    To assign the output destination, the extra parameter cssDest in atomic's config should be set, if bypass configPath, the default cssDest is ./build/css/atomic.css.

    Please visit yahoo/atomizer for more information.

    Install

    npm i atomic-loader

    DownloadsWeekly Downloads

    2

    Version

    0.2.2

    License

    MIT

    Last publish

    Collaborators

    • tom76kimo