115 lines
4.5 KiB
TypeScript
115 lines
4.5 KiB
TypeScript
import * as fs from "fs";
|
|
import {
|
|
join as pathJoin,
|
|
relative as pathRelative,
|
|
basename as pathBasename,
|
|
dirname as pathDirname,
|
|
sep as pathSep
|
|
} from "path";
|
|
import { assert } from "tsafe/assert";
|
|
import { run } from "../shared/run";
|
|
import { cacheDirPath as cacheDirPath_base } from "../shared/cacheDirPath";
|
|
|
|
export function vendorFrontendDependencies(params: { distDirPath: string }) {
|
|
const { distDirPath } = params;
|
|
|
|
const vendorDirPath = pathJoin(distDirPath, "tools", "vendor");
|
|
const cacheDirPath = pathJoin(cacheDirPath_base, "vendorFrontendDependencies");
|
|
|
|
const extraBundleFileBasenames = new Set<string>();
|
|
|
|
fs.readdirSync(vendorDirPath)
|
|
.filter(fileBasename => fileBasename.endsWith(".js"))
|
|
.map(fileBasename => pathJoin(vendorDirPath, fileBasename))
|
|
.forEach(filePath => {
|
|
{
|
|
const mapFilePath = `${filePath}.map`;
|
|
|
|
if (fs.existsSync(mapFilePath)) {
|
|
fs.unlinkSync(mapFilePath);
|
|
}
|
|
}
|
|
|
|
if (!fs.existsSync(cacheDirPath)) {
|
|
fs.mkdirSync(cacheDirPath, { recursive: true });
|
|
}
|
|
|
|
const webpackConfigJsFilePath = pathJoin(cacheDirPath, "webpack.config.js");
|
|
const webpackOutputDirPath = pathJoin(cacheDirPath, "webpack_output");
|
|
const webpackOutputFilePath = pathJoin(webpackOutputDirPath, "index.js");
|
|
|
|
fs.writeFileSync(
|
|
webpackConfigJsFilePath,
|
|
Buffer.from(
|
|
[
|
|
`const path = require('path');`,
|
|
``,
|
|
`module.exports = {`,
|
|
` mode: 'production',`,
|
|
` entry: path.join(...[__dirname, ${pathRelative(
|
|
pathDirname(webpackConfigJsFilePath),
|
|
filePath
|
|
)
|
|
.split(pathSep)
|
|
.map(segment => `"${segment}"`)
|
|
.join(", ")}]),`,
|
|
` output: {`,
|
|
` path: path.join(...[__dirname, ${pathRelative(
|
|
pathDirname(webpackConfigJsFilePath),
|
|
webpackOutputDirPath
|
|
)
|
|
.split(pathSep)
|
|
.map(segment => `"${segment}"`)
|
|
.join(", ")}]),`,
|
|
` filename: '${pathBasename(webpackOutputFilePath)}',`,
|
|
` libraryTarget: 'module',`,
|
|
` },`,
|
|
` target: "web",`,
|
|
` module: {`,
|
|
` rules: [`,
|
|
` {`,
|
|
` test: /\.js$/,`,
|
|
` use: {`,
|
|
` loader: 'babel-loader',`,
|
|
` options: {`,
|
|
` presets: ['@babel/preset-env'],`,
|
|
` }`,
|
|
` }`,
|
|
` }`,
|
|
` ]`,
|
|
` },`,
|
|
` experiments: {`,
|
|
` outputModule: true`,
|
|
` }`,
|
|
`};`
|
|
].join("\n")
|
|
)
|
|
);
|
|
|
|
run(`npx webpack --config ${webpackConfigJsFilePath}`);
|
|
|
|
fs.readdirSync(webpackOutputDirPath)
|
|
.filter(fileBasename => !fileBasename.endsWith(".txt"))
|
|
.map(fileBasename => pathJoin(webpackOutputDirPath, fileBasename))
|
|
.forEach(bundleFilePath => {
|
|
assert(bundleFilePath.endsWith(".js"));
|
|
|
|
if (pathBasename(bundleFilePath) === "index.js") {
|
|
fs.renameSync(webpackOutputFilePath, filePath);
|
|
} else {
|
|
const bundleFileBasename = pathBasename(bundleFilePath);
|
|
|
|
assert(!extraBundleFileBasenames.has(bundleFileBasename));
|
|
extraBundleFileBasenames.add(bundleFileBasename);
|
|
|
|
fs.renameSync(
|
|
bundleFilePath,
|
|
pathJoin(pathDirname(filePath), bundleFileBasename)
|
|
);
|
|
}
|
|
});
|
|
|
|
fs.rmSync(webpackOutputDirPath, { recursive: true });
|
|
});
|
|
}
|