angular-cli/packages/@angular/cli/plugins/suppress-entry-chunks-webpack-plugin.ts
Filipe Silva 78313b3148 fix(@angular/cli): use default .map filename (#4742)
Fix #4741

BREAKING CHANGE: sourcemaps now are always [filename].map (e.g `main.bundle.js.map` instead of `main.bundle.map`).
2017-02-16 17:01:43 -08:00

50 lines
2.0 KiB
TypeScript

// Remove .js files from entry points consisting entirely of .css|scss|sass|less|styl.
// To be used together with ExtractTextPlugin.
export class SuppressExtractedTextChunksWebpackPlugin {
constructor() { }
apply(compiler: any): void {
compiler.plugin('compilation', function (compilation: any) {
// find which chunks have css only entry points
const cssOnlyChunks: string[] = [];
const entryPoints = compilation.options.entry;
// determine which entry points are composed entirely of css files
for (let entryPoint of Object.keys(entryPoints)) {
if (entryPoints[entryPoint].every((el: string) =>
el.match(/\.(css|scss|sass|less|styl)$/))) {
cssOnlyChunks.push(entryPoint);
}
}
// Remove the js file for supressed chunks
compilation.plugin('after-seal', (callback: any) => {
compilation.chunks
.filter((chunk: any) => cssOnlyChunks.indexOf(chunk.name) !== -1)
.forEach((chunk: any) => {
let newFiles: string[] = [];
chunk.files.forEach((file: string) => {
if (file.match(/\.js(\.map)?$/)) {
// remove js files
delete compilation.assets[file];
} else {
newFiles.push(file);
}
});
chunk.files = newFiles;
});
callback();
});
// Remove scripts tags with a css file as source, because HtmlWebpackPlugin will use
// a css file as a script for chunks without js files.
compilation.plugin('html-webpack-plugin-alter-asset-tags',
(htmlPluginData: any, callback: any) => {
const filterFn = (tag: any) =>
!(tag.tagName === 'script' && tag.attributes.src.match(/\.css$/));
htmlPluginData.head = htmlPluginData.head.filter(filterFn);
htmlPluginData.body = htmlPluginData.body.filter(filterFn);
callback(null, htmlPluginData);
});
});
}
}