Build: Combine replace-module and replace-text plugin (#12489)
This commit is contained in:
fisker Cheung authored and GitHub committed
1 parent
ef3fe51380
commit
7544c32c53
7 files changed
+281
-154
No files matched your search
+58
-54
@@ -12,8 +12,7 @@ const { require } = createEsmUtils(import.meta);
|
||||
* @property {'node' | 'universal'} target - should generate a CJS only for node or universal bundle
|
||||
* @property {'core' | 'plugin'} type - it's a plugin bundle or core part of prettier
|
||||
* @property {string[]} external - array of paths that should not be included in the final bundle
|
||||
* @property {Object.<string, string | {code: string}>} replaceModule - module replacement path or code
|
||||
* @property {{file: string, find: string, replacement: string}[]} replaceText - Text replacements
|
||||
* @property {object[]} replaceModule - Module replacements
|
||||
* @property {string[]} babelPlugins - babel plugins
|
||||
* @property {boolean?} minify - minify
|
||||
* @property {string[]?} esbuildTarget - ESBuild target
|
||||
@@ -31,10 +30,8 @@ To reduce the bundle size, replace the entry with smaller files.
|
||||
We can switch to deep require once https://github.com/kpdecker/jsdiff/pull/351 get merged
|
||||
*/
|
||||
const replaceDiffPackageEntry = (file) => ({
|
||||
[require.resolve("diff")]: path.join(
|
||||
path.dirname(require.resolve("diff/package.json")),
|
||||
file
|
||||
),
|
||||
module: require.resolve("diff"),
|
||||
path: path.join(path.dirname(require.resolve("diff/package.json")), file),
|
||||
});
|
||||
|
||||
/** @type {Bundle[]} */
|
||||
@@ -44,10 +41,10 @@ const parsers = [
|
||||
},
|
||||
{
|
||||
input: "src/language-js/parse/flow.js",
|
||||
replaceText: [
|
||||
replaceModule: [
|
||||
// `flow-parser` use this for `globalThis`, can't work in strictMode
|
||||
{
|
||||
file: require.resolve("flow-parser"),
|
||||
module: require.resolve("flow-parser"),
|
||||
find: "(function(){return this}())",
|
||||
replacement: "(globalThis)",
|
||||
},
|
||||
@@ -55,40 +52,40 @@ const parsers = [
|
||||
},
|
||||
{
|
||||
input: "src/language-js/parse/typescript.js",
|
||||
replaceText: [
|
||||
replaceModule: [
|
||||
// `@typescript-eslint/typescript-estree` v4
|
||||
{
|
||||
file: "*",
|
||||
module: "*",
|
||||
find: 'require("globby")',
|
||||
replacement: "{}",
|
||||
},
|
||||
{
|
||||
file: "*",
|
||||
module: "*",
|
||||
find: "extra.projects = prepareAndTransformProjects(",
|
||||
replacement: "extra.projects = [] || prepareAndTransformProjects(",
|
||||
},
|
||||
{
|
||||
file: "*",
|
||||
module: "*",
|
||||
find: "process.versions.node",
|
||||
replacement: JSON.stringify("999.999.999"),
|
||||
},
|
||||
{
|
||||
file: "*",
|
||||
module: "*",
|
||||
find: "process.cwd()",
|
||||
replacement: JSON.stringify("/prettier-security-dirname-placeholder"),
|
||||
},
|
||||
{
|
||||
file: "*",
|
||||
module: "*",
|
||||
find: 'require("perf_hooks")',
|
||||
replacement: "{}",
|
||||
},
|
||||
{
|
||||
file: "*",
|
||||
module: "*",
|
||||
find: 'require("inspector")',
|
||||
replacement: "{}",
|
||||
},
|
||||
{
|
||||
file: "*",
|
||||
module: "*",
|
||||
find: "typescriptVersionIsAtLeast[version] = semverCheck(version);",
|
||||
replacement: "typescriptVersionIsAtLeast[version] = true;",
|
||||
},
|
||||
@@ -137,29 +134,29 @@ const parsers = [
|
||||
'require("source-map-support").install()': "",
|
||||
"require(modulePath)": "undefined",
|
||||
}).map(([find, replacement]) => ({
|
||||
file: require.resolve("typescript"),
|
||||
module: require.resolve("typescript"),
|
||||
find,
|
||||
replacement,
|
||||
})),
|
||||
{
|
||||
module: require.resolve("debug/src/browser.js"),
|
||||
path: require.resolve("./shims/debug.cjs"),
|
||||
},
|
||||
],
|
||||
replaceModule: {
|
||||
[require.resolve("debug/src/browser.js")]:
|
||||
require.resolve("./shims/debug.cjs"),
|
||||
},
|
||||
},
|
||||
{
|
||||
input: "src/language-js/parse/acorn-and-espree.js",
|
||||
name: "prettierPlugins.espree",
|
||||
// TODO: Rename this file to `parser-acorn-and-espree.js` or find a better way
|
||||
output: "parser-espree.js",
|
||||
replaceText: [
|
||||
replaceModule: [
|
||||
{
|
||||
file: require.resolve("espree"),
|
||||
module: require.resolve("espree"),
|
||||
find: "const Syntax = (function() {",
|
||||
replacement: "const Syntax = undefined && (function() {",
|
||||
},
|
||||
{
|
||||
file: require.resolve("espree"),
|
||||
module: require.resolve("espree"),
|
||||
find: "var visitorKeys = require('eslint-visitor-keys');",
|
||||
replacement: "var visitorKeys;",
|
||||
},
|
||||
@@ -170,9 +167,9 @@ const parsers = [
|
||||
},
|
||||
{
|
||||
input: "src/language-js/parse/angular.js",
|
||||
replaceText: [
|
||||
replaceModule: [
|
||||
{
|
||||
file: "*",
|
||||
module: "*",
|
||||
find: 'require("@angular/compiler/src/',
|
||||
replacement: 'require("@angular/compiler/esm2015/src/',
|
||||
},
|
||||
@@ -180,11 +177,11 @@ const parsers = [
|
||||
},
|
||||
{
|
||||
input: "src/language-css/parser-postcss.js",
|
||||
replaceText: [
|
||||
replaceModule: [
|
||||
{
|
||||
// `postcss-values-parser` uses constructor.name, it will be changed by bundler
|
||||
// https://github.com/shellscape/postcss-values-parser/blob/c00f858ab8c86ce9f06fdb702e8f26376f467248/lib/parser.js#L499
|
||||
file: require.resolve("postcss-values-parser/lib/parser.js"),
|
||||
module: require.resolve("postcss-values-parser/lib/parser.js"),
|
||||
find: "node.constructor.name === 'Word'",
|
||||
replacement: "node.type === 'word'",
|
||||
},
|
||||
@@ -195,10 +192,12 @@ const parsers = [
|
||||
},
|
||||
{
|
||||
input: "src/language-markdown/parser-markdown.js",
|
||||
replaceModule: {
|
||||
[require.resolve("parse-entities/decode-entity.browser.js")]:
|
||||
require.resolve("parse-entities/decode-entity.js"),
|
||||
},
|
||||
replaceModule: [
|
||||
{
|
||||
module: require.resolve("parse-entities/decode-entity.browser.js"),
|
||||
path: require.resolve("parse-entities/decode-entity.js"),
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
input: "src/language-handlebars/parser-glimmer.js",
|
||||
@@ -208,12 +207,13 @@ const parsers = [
|
||||
},
|
||||
{
|
||||
input: "src/language-yaml/parser-yaml.js",
|
||||
replaceModule: {
|
||||
replaceModule: [
|
||||
// Use `tslib.es6.js`, so we can avoid `globalThis` shim
|
||||
[require.resolve("tslib")]: require
|
||||
.resolve("tslib")
|
||||
.replace(/tslib\.js$/, "tslib.es6.js"),
|
||||
},
|
||||
{
|
||||
module: require.resolve("tslib"),
|
||||
path: require.resolve("tslib").replace(/tslib\.js$/, "tslib.es6.js"),
|
||||
},
|
||||
],
|
||||
},
|
||||
].map((bundle) => {
|
||||
const { name } = bundle.input.match(
|
||||
@@ -233,14 +233,14 @@ const parsers = [
|
||||
const coreBundles = [
|
||||
{
|
||||
input: "src/index.js",
|
||||
replaceText: [
|
||||
replaceModule: [
|
||||
{
|
||||
file: require.resolve("@iarna/toml/lib/toml-parser.js"),
|
||||
module: require.resolve("@iarna/toml/lib/toml-parser.js"),
|
||||
find: "const utilInspect = eval(\"require('util').inspect\")",
|
||||
replacement: "const utilInspect = require('util').inspect",
|
||||
},
|
||||
replaceDiffPackageEntry("lib/diff/array.js"),
|
||||
],
|
||||
replaceModule: replaceDiffPackageEntry("lib/diff/array.js"),
|
||||
},
|
||||
{
|
||||
input: "src/document/index.js",
|
||||
@@ -254,14 +254,17 @@ const coreBundles = [
|
||||
input: "src/standalone.js",
|
||||
name: "prettier",
|
||||
target: "universal",
|
||||
replaceModule: {
|
||||
[require.resolve("@babel/highlight")]: require.resolve(
|
||||
"./shims/babel-highlight.cjs"
|
||||
),
|
||||
[createRequire(require.resolve("vnopts")).resolve("chalk")]:
|
||||
require.resolve("./shims/chalk.cjs"),
|
||||
...replaceDiffPackageEntry("lib/diff/array.js"),
|
||||
},
|
||||
replaceModule: [
|
||||
{
|
||||
module: require.resolve("@babel/highlight"),
|
||||
path: require.resolve("./shims/babel-highlight.cjs"),
|
||||
},
|
||||
{
|
||||
module: createRequire(require.resolve("vnopts")).resolve("chalk"),
|
||||
path: require.resolve("./shims/chalk.cjs"),
|
||||
},
|
||||
replaceDiffPackageEntry("lib/diff/array.js"),
|
||||
],
|
||||
},
|
||||
{
|
||||
input: "bin/prettier.js",
|
||||
@@ -273,16 +276,17 @@ const coreBundles = [
|
||||
input: "src/cli/index.js",
|
||||
output: "cli.js",
|
||||
external: ["benchmark"],
|
||||
replaceModule: replaceDiffPackageEntry("lib/patch/create.js"),
|
||||
replaceModule: [replaceDiffPackageEntry("lib/patch/create.js")],
|
||||
},
|
||||
{
|
||||
input: "src/common/third-party.js",
|
||||
replaceModule: {
|
||||
replaceModule: [
|
||||
// cosmiconfig@6 -> import-fresh can't find parentModule, since module is bundled
|
||||
[require.resolve("parent-module")]: require.resolve(
|
||||
"./shims/parent-module.cjs"
|
||||
),
|
||||
},
|
||||
{
|
||||
module: require.resolve("parent-module"),
|
||||
path: require.resolve("./shims/parent-module.cjs"),
|
||||
},
|
||||
],
|
||||
},
|
||||
].map((bundle) => ({
|
||||
type: "core",
|
||||
|
||||
Reference in new issue
Block a user