69 lines
2.1 KiB
TypeScript
69 lines
2.1 KiB
TypeScript
import { process as minify } from 'next/dist/compiled/cssnano-simple'
|
|
import webpack from 'webpack'
|
|
import { RawSource, SourceMapSource } from 'webpack-sources'
|
|
|
|
// https://github.com/NMFR/optimize-css-assets-webpack-plugin/blob/0a410a9bf28c7b0e81a3470a13748e68ca2f50aa/src/index.js#L20
|
|
const CSS_REGEX = /\.css(\?.*)?$/i
|
|
|
|
type CssMinimizerPluginOptions = {
|
|
postcssOptions: {
|
|
map: false | { prev?: string | false; inline: boolean; annotation: boolean }
|
|
}
|
|
}
|
|
|
|
export class CssMinimizerPlugin {
|
|
__next_css_remove = true
|
|
|
|
private options: CssMinimizerPluginOptions
|
|
|
|
constructor(options: CssMinimizerPluginOptions) {
|
|
this.options = options
|
|
}
|
|
|
|
apply(compiler: webpack.Compiler) {
|
|
compiler.hooks.compilation.tap('CssMinimizerPlugin', compilation => {
|
|
compilation.hooks.optimizeChunkAssets.tapPromise(
|
|
'CssMinimizerPlugin',
|
|
chunks =>
|
|
Promise.all(
|
|
chunks
|
|
.reduce(
|
|
(acc, chunk) => acc.concat(chunk.files || []),
|
|
[] as string[]
|
|
)
|
|
.filter(entry => CSS_REGEX.test(entry))
|
|
.map(file => {
|
|
const postcssOptions = {
|
|
...this.options.postcssOptions,
|
|
to: file,
|
|
from: file,
|
|
}
|
|
|
|
const asset = compilation.assets[file]
|
|
|
|
let input: string
|
|
if (postcssOptions.map && asset.sourceAndMap) {
|
|
const { source, map } = asset.sourceAndMap()
|
|
input = source
|
|
postcssOptions.map.prev = map ? map : false
|
|
} else {
|
|
input = asset.source()
|
|
}
|
|
|
|
return minify(input, postcssOptions).then(res => {
|
|
if (res.map) {
|
|
compilation.assets[file] = new SourceMapSource(
|
|
res.css,
|
|
file,
|
|
res.map.toJSON()
|
|
)
|
|
} else {
|
|
compilation.assets[file] = new RawSource(res.css)
|
|
}
|
|
})
|
|
})
|
|
)
|
|
)
|
|
})
|
|
}
|
|
}
|