woocommerce/plugins/woocommerce-admin/unminify.js

82 lines
2.6 KiB
JavaScript

/**
* Repurposed UnminifiedWebpackPlugin.
*
* See: https://github.com/leftstick/unminified-webpack-plugin/blob/master/index.js
*
* Changes:
* 1. Remove check for UglifyJsPlugin - Terser is the successor.
* 2. Remove check for development mode - we always want unminified files.
* 3. Remove BannerPlugin support - we don't use it.
* 4. Remove the 'min' suffix from the chunk loaded in the new `mainEntry` option.
* 5. Hook into compilation later so we're running after Source Map generation.
*/
const path = require( 'path' );
const ModuleFilenameHelpers = require( 'webpack/lib/ModuleFilenameHelpers' );
const getFileName = ( name, ext, opts ) => {
if ( name.match(/([-_.]min)[-_.]/ ) ) {
return name.replace( /[-_.]min/, '' );
}
const suffix = ( opts.postfix || 'nomin' ) + '.' + ext;
if ( name.match( new RegExp( '\.' + ext + '$' ) ) ) {
return name.replace( new RegExp( ext + '$' ), suffix )
}
return name + suffix;
};
class UnminifyWebpackPlugin {
constructor( opts ) {
const options = opts || {};
this.options = {
test: options.test || /\.(js|css)($|\?)/i,
mainEntry: options.mainEntry || false,
};
}
apply( compiler ) {
// Hook after asset optimization if we're using a devtool (source map).
// @todo: Update to afterFinishAssets for Webpack 5.x?
const compilationHook = compiler.options.devtool ? 'afterOptimizeAssets' : 'additionalAssets';
compiler.hooks.compilation.tap( 'UnminifyWebpackPlugin', ( compilation ) => {
compilation.hooks[ compilationHook ].tap( 'UnminifyWebpackPlugin', () => {
const files = [
...compilation.additionalChunkAssets
];
compilation.chunks.forEach( chunk => files.push( ...chunk.files ) );
const finalFiles = files.filter( ModuleFilenameHelpers.matchObject.bind( null, this.options ) );
finalFiles.forEach( ( minified ) => {
const asset = compilation.assets[ minified ];
let source = asset.source();
const ext = path.extname( minified ).substr( 1 );
const unminified = getFileName( minified, ext, this.options );
// Remove the ".min" suffix from the lazy loaded chunk filenames.
if ( this.options.mainEntry && minified === this.options.mainEntry ) {
// See: https://github.com/webpack/webpack/blob/v4.43.0/lib/web/JsonpMainTemplatePlugin.js#L129
// NOTE: This will break with Webpack 5.x!
source = source.replace( / \+ "\.min\.js"$/m, ' + ".js"' );
}
compilation.assets[ unminified ] = {
source: () => {
return source;
},
size: () => {
return source.length;
}
};
} );
} );
} );
}
}
module.exports = UnminifyWebpackPlugin;