|
|
@@ -1,124 +1,113 @@
|
|
|
-
|
|
|
-var isJS = function (file) { return /\.js(\?[^.]+)?$/.test(file); };
|
|
|
-
|
|
|
-var isCSS = function (file) { return /\.css(\?[^.]+)?$/.test(file); };
|
|
|
-
|
|
|
-var ref = require('chalk');
|
|
|
-var red = ref.red;
|
|
|
-var yellow = ref.yellow;
|
|
|
-var webpack = require('webpack');
|
|
|
-
|
|
|
-var prefix = "[vue-server-renderer-webpack-plugin]";
|
|
|
-var warn = exports.warn = function (msg) { return console.error(red((prefix + " " + msg + "\n"))); };
|
|
|
-var tip = exports.tip = function (msg) { return console.log(yellow((prefix + " " + msg + "\n"))); };
|
|
|
-
|
|
|
-var isWebpack5 = !!(webpack.version && webpack.version[0] > 4);
|
|
|
-
|
|
|
-var onEmit = function (compiler, name, stageName, hook) {
|
|
|
- if (isWebpack5) {
|
|
|
- // Webpack >= 5.0.0
|
|
|
- compiler.hooks.compilation.tap(name, function (compilation) {
|
|
|
- if (compilation.compiler !== compiler) {
|
|
|
- // Ignore child compilers
|
|
|
- return
|
|
|
- }
|
|
|
- var stage = webpack.Compilation[stageName];
|
|
|
- compilation.hooks.processAssets.tapAsync({ name: name, stage: stage }, function (assets, cb) {
|
|
|
- hook(compilation, cb);
|
|
|
- });
|
|
|
- });
|
|
|
- } else if (compiler.hooks) {
|
|
|
- // Webpack >= 4.0.0
|
|
|
- compiler.hooks.emit.tapAsync(name, hook);
|
|
|
- } else {
|
|
|
- // Webpack < 4.0.0
|
|
|
- compiler.plugin('emit', hook);
|
|
|
- }
|
|
|
+'use strict';
|
|
|
+
|
|
|
+const isJS = (file) => /\.js(\?[^.]+)?$/.test(file);
|
|
|
+const isCSS = (file) => /\.css(\?[^.]+)?$/.test(file);
|
|
|
+
|
|
|
+const { red, yellow } = require('chalk');
|
|
|
+const webpack = require('webpack');
|
|
|
+const prefix = `[vue-server-renderer-webpack-plugin]`;
|
|
|
+exports.warn = msg => console.error(red(`${prefix} ${msg}\n`));
|
|
|
+exports.tip = msg => console.log(yellow(`${prefix} ${msg}\n`));
|
|
|
+const isWebpack5 = !!(webpack.version && webpack.version[0] > 4);
|
|
|
+const onEmit = (compiler, name, stageName, hook) => {
|
|
|
+ if (isWebpack5) {
|
|
|
+ // Webpack >= 5.0.0
|
|
|
+ compiler.hooks.compilation.tap(name, compilation => {
|
|
|
+ if (compilation.compiler !== compiler) {
|
|
|
+ // Ignore child compilers
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const stage = webpack.Compilation[stageName];
|
|
|
+ compilation.hooks.processAssets.tapAsync({ name, stage }, (assets, cb) => {
|
|
|
+ hook(compilation, cb);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ else if (compiler.hooks) {
|
|
|
+ // Webpack >= 4.0.0
|
|
|
+ compiler.hooks.emit.tapAsync(name, hook);
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ // Webpack < 4.0.0
|
|
|
+ compiler.plugin('emit', hook);
|
|
|
+ }
|
|
|
};
|
|
|
-
|
|
|
-var stripModuleIdHash = function (id) {
|
|
|
- if (isWebpack5) {
|
|
|
- // Webpack >= 5.0.0
|
|
|
- return id.replace(/\|\w+$/, '')
|
|
|
- }
|
|
|
- // Webpack < 5.0.0
|
|
|
- return id.replace(/\s\w+$/, '')
|
|
|
+const stripModuleIdHash = id => {
|
|
|
+ if (isWebpack5) {
|
|
|
+ // Webpack >= 5.0.0
|
|
|
+ return id.replace(/\|\w+$/, '');
|
|
|
+ }
|
|
|
+ // Webpack < 5.0.0
|
|
|
+ return id.replace(/\s\w+$/, '');
|
|
|
};
|
|
|
-
|
|
|
-var getAssetName = function (asset) {
|
|
|
- if (typeof asset === 'string') {
|
|
|
- return asset
|
|
|
- }
|
|
|
- return asset.name
|
|
|
+const getAssetName = asset => {
|
|
|
+ if (typeof asset === 'string') {
|
|
|
+ return asset;
|
|
|
+ }
|
|
|
+ return asset.name;
|
|
|
};
|
|
|
|
|
|
-var hash = require('hash-sum');
|
|
|
-var uniq = require('lodash.uniq');
|
|
|
-
|
|
|
-var VueSSRClientPlugin = function VueSSRClientPlugin (options) {
|
|
|
- if ( options === void 0 ) options = {};
|
|
|
-
|
|
|
- this.options = Object.assign({
|
|
|
- filename: 'vue-ssr-client-manifest.json'
|
|
|
- }, options);
|
|
|
-};
|
|
|
-
|
|
|
-VueSSRClientPlugin.prototype.apply = function apply (compiler) {
|
|
|
- var this$1 = this;
|
|
|
-
|
|
|
- var stage = 'PROCESS_ASSETS_STAGE_ADDITIONAL';
|
|
|
- onEmit(compiler, 'vue-client-plugin', stage, function (compilation, cb) {
|
|
|
- var stats = compilation.getStats().toJson();
|
|
|
-
|
|
|
- var allFiles = uniq(stats.assets
|
|
|
- .map(function (a) { return a.name; }));
|
|
|
-
|
|
|
- var initialFiles = uniq(Object.keys(stats.entrypoints)
|
|
|
- .map(function (name) { return stats.entrypoints[name].assets; })
|
|
|
- .reduce(function (assets, all) { return all.concat(assets); }, [])
|
|
|
- .map(getAssetName)
|
|
|
- .filter(function (file) { return isJS(file) || isCSS(file); }));
|
|
|
-
|
|
|
- var asyncFiles = allFiles
|
|
|
- .filter(function (file) { return isJS(file) || isCSS(file); })
|
|
|
- .filter(function (file) { return initialFiles.indexOf(file) < 0; });
|
|
|
-
|
|
|
- var manifest = {
|
|
|
- publicPath: stats.publicPath,
|
|
|
- all: allFiles,
|
|
|
- initial: initialFiles,
|
|
|
- async: asyncFiles,
|
|
|
- modules: { /* [identifier: string]: Array<index: number> */ }
|
|
|
- };
|
|
|
-
|
|
|
- var assetModules = stats.modules.filter(function (m) { return m.assets.length; });
|
|
|
- var fileToIndex = function (asset) { return manifest.all.indexOf(getAssetName(asset)); };
|
|
|
- stats.modules.forEach(function (m) {
|
|
|
- // ignore modules duplicated in multiple chunks
|
|
|
- if (m.chunks.length === 1) {
|
|
|
- var cid = m.chunks[0];
|
|
|
- var chunk = stats.chunks.find(function (c) { return c.id === cid; });
|
|
|
- if (!chunk || !chunk.files) {
|
|
|
- return
|
|
|
- }
|
|
|
- var id = stripModuleIdHash(m.identifier);
|
|
|
- var files = manifest.modules[hash(id)] = chunk.files.map(fileToIndex);
|
|
|
- // find all asset modules associated with the same chunk
|
|
|
- assetModules.forEach(function (m) {
|
|
|
- if (m.chunks.some(function (id) { return id === cid; })) {
|
|
|
- files.push.apply(files, m.assets.map(fileToIndex));
|
|
|
- }
|
|
|
+const hash = require("hash-sum");
|
|
|
+const uniq = require("lodash.uniq");
|
|
|
+class VueSSRClientPlugin {
|
|
|
+ constructor(options = {}) {
|
|
|
+ //@ts-expect-error no type on options
|
|
|
+ this.options = Object.assign({
|
|
|
+ filename: "vue-ssr-client-manifest.json",
|
|
|
+ }, options);
|
|
|
+ }
|
|
|
+ apply(compiler) {
|
|
|
+ const stage = "PROCESS_ASSETS_STAGE_ADDITIONAL";
|
|
|
+ onEmit(compiler, "vue-client-plugin", stage, (compilation, cb) => {
|
|
|
+ const stats = compilation.getStats().toJson();
|
|
|
+ const allFiles = uniq(stats.assets.map((a) => a.name));
|
|
|
+ const initialFiles = uniq(Object.keys(stats.entrypoints)
|
|
|
+ .map((name) => stats.entrypoints[name].assets)
|
|
|
+ .reduce((assets, all) => all.concat(assets), [])
|
|
|
+ .map(getAssetName)
|
|
|
+ .filter((file) => isJS(file) || isCSS(file)));
|
|
|
+ const asyncFiles = allFiles
|
|
|
+ .filter((file) => isJS(file) || isCSS(file))
|
|
|
+ .filter((file) => initialFiles.indexOf(file) < 0);
|
|
|
+ const manifest = {
|
|
|
+ publicPath: stats.publicPath,
|
|
|
+ all: allFiles,
|
|
|
+ initial: initialFiles,
|
|
|
+ async: asyncFiles,
|
|
|
+ modules: {
|
|
|
+ /* [identifier: string]: Array<index: number> */
|
|
|
+ },
|
|
|
+ };
|
|
|
+ const assetModules = stats.modules.filter((m) => m.assets.length);
|
|
|
+ const fileToIndex = (asset) => manifest.all.indexOf(getAssetName(asset));
|
|
|
+ stats.modules.forEach((m) => {
|
|
|
+ // ignore modules duplicated in multiple chunks
|
|
|
+ if (m.chunks.length === 1) {
|
|
|
+ const cid = m.chunks[0];
|
|
|
+ const chunk = stats.chunks.find((c) => c.id === cid);
|
|
|
+ if (!chunk || !chunk.files) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const id = stripModuleIdHash(m.identifier);
|
|
|
+ const files = (manifest.modules[hash(id)] =
|
|
|
+ chunk.files.map(fileToIndex));
|
|
|
+ // find all asset modules associated with the same chunk
|
|
|
+ assetModules.forEach((m) => {
|
|
|
+ if (m.chunks.some((id) => id === cid)) {
|
|
|
+ files.push.apply(files, m.assets.map(fileToIndex));
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ const json = JSON.stringify(manifest, null, 2);
|
|
|
+ //@ts-expect-error no type on options
|
|
|
+ compilation.assets[this.options.filename] = {
|
|
|
+ source: () => json,
|
|
|
+ size: () => json.length,
|
|
|
+ };
|
|
|
+ cb();
|
|
|
});
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- var json = JSON.stringify(manifest, null, 2);
|
|
|
- compilation.assets[this$1.options.filename] = {
|
|
|
- source: function () { return json; },
|
|
|
- size: function () { return json.length; }
|
|
|
- };
|
|
|
- cb();
|
|
|
- });
|
|
|
-};
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
-module.exports = VueSSRClientPlugin;
|
|
|
+module.exports = VueSSRClientPlugin;
|