.
This commit is contained in:
+92
@@ -0,0 +1,92 @@
|
||||
"use strict";
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
Object.defineProperty(exports, "CssMinimizerPlugin", {
|
||||
enumerable: true,
|
||||
get: function() {
|
||||
return CssMinimizerPlugin;
|
||||
}
|
||||
});
|
||||
const _cssnanosimple = /*#__PURE__*/ _interop_require_default(require("next/dist/compiled/cssnano-simple"));
|
||||
const _postcssscss = /*#__PURE__*/ _interop_require_default(require("next/dist/compiled/postcss-scss"));
|
||||
const _postcss = /*#__PURE__*/ _interop_require_default(require("postcss"));
|
||||
const _webpack = require("next/dist/compiled/webpack/webpack");
|
||||
const _utils = require("../utils");
|
||||
function _interop_require_default(obj) {
|
||||
return obj && obj.__esModule ? obj : {
|
||||
default: obj
|
||||
};
|
||||
}
|
||||
// https://github.com/NMFR/optimize-css-assets-webpack-plugin/blob/0a410a9bf28c7b0e81a3470a13748e68ca2f50aa/src/index.js#L20
|
||||
const CSS_REGEX = /\.css(\?.*)?$/i;
|
||||
class CssMinimizerPlugin {
|
||||
constructor(options){
|
||||
this.__next_css_remove = true;
|
||||
this.options = options;
|
||||
}
|
||||
optimizeAsset(file, asset) {
|
||||
const postcssOptions = {
|
||||
...this.options.postcssOptions,
|
||||
to: file,
|
||||
from: file,
|
||||
// We don't actually add this parser to support Sass. It can also be used
|
||||
// for inline comment support. See the README:
|
||||
// https://github.com/postcss/postcss-scss/blob/master/README.md#2-inline-comments-for-postcss
|
||||
parser: _postcssscss.default
|
||||
};
|
||||
let input;
|
||||
if (postcssOptions.map && asset.sourceAndMap) {
|
||||
const { source, map } = asset.sourceAndMap();
|
||||
input = source;
|
||||
postcssOptions.map.prev = map ? map : false;
|
||||
} else {
|
||||
input = asset.source();
|
||||
}
|
||||
return (0, _postcss.default)([
|
||||
(0, _cssnanosimple.default)({
|
||||
colormin: false
|
||||
}, _postcss.default)
|
||||
]).process(input, postcssOptions).then((res)=>{
|
||||
if (res.map) {
|
||||
return new _webpack.sources.SourceMapSource(res.css, file, res.map.toJSON());
|
||||
} else {
|
||||
return new _webpack.sources.RawSource(res.css);
|
||||
}
|
||||
});
|
||||
}
|
||||
apply(compiler) {
|
||||
compiler.hooks.compilation.tap('CssMinimizerPlugin', (compilation)=>{
|
||||
const cache = compilation.getCache('CssMinimizerPlugin');
|
||||
compilation.hooks.processAssets.tapPromise({
|
||||
name: 'CssMinimizerPlugin',
|
||||
stage: _webpack.webpack.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_SIZE
|
||||
}, async (assets)=>{
|
||||
const compilationSpan = (0, _utils.getCompilationSpan)(compilation) || (0, _utils.getCompilationSpan)(compiler);
|
||||
const cssMinimizerSpan = compilationSpan.traceChild('css-minimizer-plugin');
|
||||
return cssMinimizerSpan.traceAsyncFn(async ()=>{
|
||||
const files = Object.keys(assets);
|
||||
await Promise.all(files.filter((file)=>CSS_REGEX.test(file)).map(async (file)=>{
|
||||
const assetSpan = cssMinimizerSpan.traceChild('minify-css');
|
||||
assetSpan.setAttribute('file', file);
|
||||
return assetSpan.traceAsyncFn(async ()=>{
|
||||
const assetSource = compilation.getAsset(file).source;
|
||||
const etag = cache.getLazyHashedEtag(assetSource);
|
||||
const cachedResult = await cache.getPromise(file, etag);
|
||||
assetSpan.setAttribute('cache', cachedResult ? 'HIT' : 'MISS');
|
||||
if (cachedResult) {
|
||||
compilation.updateAsset(file, cachedResult);
|
||||
return;
|
||||
}
|
||||
const result = await this.optimizeAsset(file, assetSource);
|
||||
await cache.storePromise(file, etag, result);
|
||||
compilation.updateAsset(file, result);
|
||||
});
|
||||
}));
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
//# sourceMappingURL=css-minimizer-plugin.js.map
|
||||
Reference in New Issue
Block a user