Spaces:
Sleeping
Sleeping
| # optimize-cssnano-plugin [](https://travis-ci.org/intervolga/optimize-cssnano-plugin) | |
| It will search for CSS assets during the Webpack build and minimize it with [cssnano](http://github.com/ben-eb/cssnano). | |
| Solves [extract-text-webpack-plugin](http://github.com/webpack/extract-text-webpack-plugin) CSS duplication problem. | |
| Just like [optimize-css-assets-webpack-plugin](http://github.com/NMFR/optimize-css-assets-webpack-plugin) but more accurate with source maps. | |
| ## Installation: | |
| Using npm: | |
| ```shell | |
| $ npm install --save-dev @intervolga/optimize-cssnano-plugin | |
| ``` | |
| ## Configuration: | |
| ``` javascript | |
| const OptimizeCssnanoPlugin = require('@intervolga/optimize-cssnano-plugin'); | |
| module.exports = { | |
| module: { | |
| loaders: [ | |
| { test: /\.css$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader") } | |
| ] | |
| }, | |
| plugins: [ | |
| new ExtractTextPlugin("styles.css"), | |
| new OptimizeCssnanoPlugin({ | |
| sourceMap: nextSourceMap, | |
| cssnanoOptions: { | |
| preset: ['default', { | |
| discardComments: { | |
| removeAll: true, | |
| }, | |
| }], | |
| }, | |
| }), | |
| ] | |
| } | |
| ``` |