@aofl/webcomponent-css-loader NPM | npm.io

3.5.0-beta.3 • Published 5 years ago

Install

Weekly downloads

165

License

MIT

Repository

Last release

5 years ago

@aofl/webcomponent-css-loader

The \@aofl/webcomponent-css-loader is a webpack loader that inlines imported css in your component's bundle and prunes unused css.

Getting started

Run npm i -D @aofl/webcomponent-css-loader

Then add the loader to your webpack config:

module: {
  rules: [
    {
      test: /\.css$/,
      use: [
        {
          loader: '@aofl/webcomponent-css-loader',
          options: {
            cache: true
          }
        }
      ]
    }
  ]
}

In addition to adding the loader to webpack config you must also place a comment block in css files that you want to be picked up by the loader. This allows us to set the pruning behavior per component/css file.

For more information visit Purgecss docs.

/**!
 * @aoflComponent
 * @whitelist ['modal']
 * @whitelistPatterns ['btn']
 * @whitelistPatternsChildren ['alert']
 * @keyFrames true
 * @fontFace true
 */
@import "~Root/node_modules/bootstrap/dist/css/bootstrap.css";

:host {
  display: inline-block;
}

css purify prune webback loader

doc-parser enhanced-resolve fast-glob loader-utils postcss postcss-import postcss-url purgecss schema-utils

@infinitebrahmanuniverse/nolb-_ao @everything-registry/sub-chunk-72 @aofl/cli @zalastax/nolb-_ao

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

2.1.0-alpha.12.3

6 years ago

2.1.0-alpha.12.2

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago