next
Version:
The React Framework
92 lines (91 loc) • 4.17 kB
JavaScript
;
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