123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127 |
- 'use strict';
- /* */
- 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);
- }
- };
- var stripModuleIdHash = function (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
- };
- 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));
- }
- });
- }
- });
- 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;
|