@webpackon/use-css

Features:
- adds css support
- minification css
- optimizing css with cssnano
- adds autoprefixer and postcss flexbugsFixes

Install

shell
npm i @webpackon/use-css --save

`shell yarn add @webpackon/use-css`

`API`

`ts const { useCss } = require('@webpackon/use-css');

useCss(params: UseCssParams)(config: WebpackConfig)`

`$3`

ts
export type UseCssParams = {
  mode: 'development' | 'production';
  transpileModules?: string[];
  enableCssModules?: boolean;
  cssLoaderParams?: {
    options?: Record;
  };
  postCssPlugins?: any[];
  postCssLoaderOptions?: {
    options?: Record;
  };
};


- mode - webpack mode
- enableCssModules - adds css modules support
- cssLoaderParams.options - css-loader options
- postCssPlugins - postcss plugins option
- postCssLoaderOptions.options - postcss-loader option

- transpileModules`ts useCss({ mode: 'production', transpileModules: ['my-package'] })`

`Example`


Full examples are here

`js const path = require('path');

const { compose } = require('@webpackon/core'); const { useCss } = require('@webpackon/use-css');

module.exports = (_, { mode }) => compose( useCss({ mode }) )({ target: 'web', entry: path.resolve(__dirname, 'src', 'index.tsx'), });``

Webpackon