@umijs/bundler-webpack 4.0.0-beta.7 → 4.0.0-canary.202200505.1

package/dist/config/svgRules.js

@@ -1,56 +1,53 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addSVGRules = void 0;
-function addSVGRules(opts) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const { config, userConfig } = opts;
-        const { svgr, svgo } = userConfig;
-        if (svgr) {
-            // https://react-svgr.com/docs/webpack/#handle-svg-in-css-sass-or-less
-            // https://github.com/gregberge/svgr/issues/551#issuecomment-883073902
-            // https://github.com/webpack/webpack/issues/9309
-            const svgrRule = config.module.rule('svgr');
-            svgrRule
-                .test(/\.svg$/)
-                .issuer(/\.[jt]sx?$/)
-                .type('javascript/auto')
-                .use('babel-loader')
-                .loader(require.resolve('@umijs/bundler-webpack/compiled/babel-loader'))
-                .end()
-                .use('svgr-loader')
-                .loader(require.resolve('@umijs/bundler-webpack/compiled/@svgr/webpack'))
-                .options(Object.assign(Object.assign({ svgoConfig: {
-                    plugins: [{ removeViewBox: false }],
-                } }, svgr), { svgo }))
-                .end()
-                .use('url-loader')
-                .loader(require.resolve('@umijs/bundler-webpack/compiled/url-loader'))
-                .end();
-        }
-        if (svgo === false) {
-            const svgRule = config.module.rule('svg');
-            svgRule
-                .test(/\.svg$/)
-                .use('url-loader')
-                .loader(require.resolve('@umijs/bundler-webpack/compiled/url-loader'));
-            return;
-        }
+async function addSVGRules(opts) {
+    const { config, userConfig } = opts;
+    const { svgr, svgo = {} } = userConfig;
+    if (svgr) {
+        const svgrRule = config.module.rule('svgr');
+        svgrRule
+            .test(/\.svg$/)
+            .issuer(/\.[jt]sx?$/)
+            .type('javascript/auto')
+            .use('svgr-loader')
+            .loader(require.resolve('../loader/svgr'))
+            .options({
+            svgoConfig: {
+                plugins: [
+                    {
+                        name: 'preset-default',
+                        params: {
+                            overrides: {
+                                removeTitle: false,
+                            },
+                        },
+                    },
+                ],
+                ...svgo,
+            },
+            ...svgr,
+            svgo: !!svgo,
+        })
+            .end()
+            .use('url-loader')
+            .loader(require.resolve('@umijs/bundler-webpack/compiled/url-loader'))
+            .end();
+    }
+    if (svgo === false) {
         const svgRule = config.module.rule('svg');
         svgRule
             .test(/\.svg$/)
-            .use('svgo-loader')
-            .loader(require.resolve('@umijs/bundler-webpack/compiled/svgo-loader'))
-            .options(Object.assign({ configFile: false }, svgo))
-            .end();
-    });
+            .use('url-loader')
+            .loader(require.resolve('@umijs/bundler-webpack/compiled/url-loader'));
+        return;
+    }
+    const svgRule = config.module.rule('svg');
+    svgRule
+        .test(/\.svg$/)
+        .use('svgo-loader')
+        .loader(require.resolve('@umijs/bundler-webpack/compiled/svgo-loader'))
+        .options({ configFile: false, ...svgo })
+        .end();
 }
 exports.addSVGRules = addSVGRules;

package/dist/constants.d.ts

@@ -9,3 +9,7 @@ export declare enum MESSAGE_TYPE {
     stillOk = "still-ok",
     invalid = "invalid"
 }
+export declare const DEFAULT_BROWSER_TARGETS: {
+    chrome: number;
+};
+export declare const DEFAULT_ESBUILD_TARGET_KEYS: string[];

package/dist/constants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MESSAGE_TYPE = exports.MFSU_NAME = exports.DEFAULT_OUTPUT_PATH = exports.DEFAULT_DEVTOOL = void 0;
+exports.DEFAULT_ESBUILD_TARGET_KEYS = exports.DEFAULT_BROWSER_TARGETS = exports.MESSAGE_TYPE = exports.MFSU_NAME = exports.DEFAULT_OUTPUT_PATH = exports.DEFAULT_DEVTOOL = void 0;
 exports.DEFAULT_DEVTOOL = 'cheap-module-source-map';
 exports.DEFAULT_OUTPUT_PATH = 'dist';
 exports.MFSU_NAME = 'MFSU';
@@ -13,3 +13,12 @@ var MESSAGE_TYPE;
     MESSAGE_TYPE["stillOk"] = "still-ok";
     MESSAGE_TYPE["invalid"] = "invalid";
 })(MESSAGE_TYPE = exports.MESSAGE_TYPE || (exports.MESSAGE_TYPE = {}));
+exports.DEFAULT_BROWSER_TARGETS = {
+    chrome: 80,
+};
+exports.DEFAULT_ESBUILD_TARGET_KEYS = [
+    'chrome',
+    'firefox',
+    'edge',
+    'safari',
+];

package/dist/dev.d.ts

@@ -1,10 +1,14 @@
+import { IOpts as IConfigOpts } from './config/config';
 import { IConfig } from './types';
-interface IOpts {
+declare type IOpts = {
     afterMiddlewares?: any[];
     beforeMiddlewares?: any[];
     onDevCompileDone?: Function;
+    onProgress?: Function;
+    onMFSUProgress?: Function;
     port?: number;
     host?: string;
+    babelPreset?: any;
     chainWebpack?: Function;
     modifyWebpackConfig?: Function;
     beforeBabelPlugins?: any[];
@@ -12,8 +16,10 @@ interface IOpts {
     extraBabelPlugins?: any[];
     extraBabelPresets?: any[];
     cwd: string;
+    rootDir?: string;
     config: IConfig;
     entry: Record<string, string>;
-}
+} & Pick<IConfigOpts, 'cache'>;
+export declare function stripUndefined(obj: any): any;
 export declare function dev(opts: IOpts): Promise<void>;
 export {};

package/dist/dev.js

@@ -1,83 +1,134 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dev = void 0;
+exports.dev = exports.stripUndefined = void 0;
 const mfsu_1 = require("@umijs/mfsu");
+const utils_1 = require("@umijs/utils");
+const fs_1 = require("fs");
+const path_1 = require("path");
 const webpack_1 = __importDefault(require("../compiled/webpack"));
 const config_1 = require("./config/config");
 const constants_1 = require("./constants");
 const server_1 = require("./server/server");
 const types_1 = require("./types");
-function dev(opts) {
-    var _a;
-    var _b;
-    return __awaiter(this, void 0, void 0, function* () {
-        const mfsu = new mfsu_1.MFSU({
+function stripUndefined(obj) {
+    Object.keys(obj).forEach((key) => {
+        if (obj[key] === undefined) {
+            delete obj[key];
+        }
+    });
+    return obj;
+}
+exports.stripUndefined = stripUndefined;
+async function dev(opts) {
+    var _a, _b, _c, _d, _e, _f;
+    var _g;
+    const enableMFSU = opts.config.mfsu !== false;
+    let mfsu = null;
+    if (enableMFSU) {
+        if (opts.config.srcTranspiler === types_1.Transpiler.swc) {
+            utils_1.logger.warn(`Swc currently not supported for use with mfsu, recommended you use srcTranspiler: 'esbuild' in dev.`);
+        }
+        mfsu = new mfsu_1.MFSU({
             implementor: webpack_1.default,
             buildDepWithESBuild: (_a = opts.config.mfsu) === null || _a === void 0 ? void 0 : _a.esbuild,
+            depBuildConfig: {
+                extraPostCSSPlugins: ((_b = opts.config) === null || _b === void 0 ? void 0 : _b.extraPostCSSPlugins) || [],
+            },
+            mfName: (_c = opts.config.mfsu) === null || _c === void 0 ? void 0 : _c.mfName,
+            runtimePublicPath: opts.config.runtimePublicPath,
+            tmpBase: ((_d = opts.config.mfsu) === null || _d === void 0 ? void 0 : _d.cacheDirectory) ||
+                (0, path_1.join)(opts.rootDir || opts.cwd, 'node_modules/.cache/mfsu'),
+            onMFSUProgress: opts.onMFSUProgress,
+            getCacheDependency() {
+                return stripUndefined({
+                    version: require('../package.json').version,
+                    mfsu: opts.config.mfsu,
+                    alias: opts.config.alias,
+                    externals: opts.config.externals,
+                    theme: opts.config.theme,
+                    runtimePublicPath: opts.config.runtimePublicPath,
+                    publicPath: opts.config.publicPath,
+                });
+            },
         });
-        const webpackConfig = yield (0, config_1.getConfig)({
-            cwd: opts.cwd,
-            env: types_1.Env.development,
-            entry: opts.entry,
-            userConfig: opts.config,
-            extraBabelPlugins: [
-                ...(opts.beforeBabelPlugins || []),
-                ...mfsu.getBabelPlugins(),
-                ...(opts.extraBabelPlugins || []),
-            ],
-            extraBabelPresets: [
-                ...(opts.beforeBabelPresets || []),
-                ...(opts.extraBabelPresets || []),
-            ],
-            chainWebpack: opts.chainWebpack,
-            modifyWebpackConfig: opts.modifyWebpackConfig,
-            hmr: true,
-            analyze: process.env.ANALYZE,
-        });
-        const depConfig = yield (0, config_1.getConfig)({
-            cwd: opts.cwd,
-            env: types_1.Env.development,
-            entry: opts.entry,
-            userConfig: opts.config,
-            hash: true,
-            staticPathPrefix: mfsu_1.MF_DEP_PREFIX,
-            name: constants_1.MFSU_NAME,
-        });
-        (_b = webpackConfig.resolve).alias || (_b.alias = {});
-        // TODO: REMOVE ME
-        ['@umijs/utils/compiled/strip-ansi', 'react-error-overlay'].forEach((dep) => {
-            // @ts-ignore
-            webpackConfig.resolve.alias[dep] = require.resolve(dep);
-        });
-        mfsu.setWebpackConfig({
-            config: webpackConfig,
-            depConfig: depConfig,
-        });
-        yield (0, server_1.createServer)({
-            webpackConfig,
-            userConfig: opts.config,
-            cwd: opts.cwd,
-            beforeMiddlewares: [
-                ...mfsu.getMiddlewares(),
-                ...(opts.beforeMiddlewares || []),
-            ],
-            port: opts.port,
-            host: opts.host,
-            afterMiddlewares: [...(opts.afterMiddlewares || [])],
-            onDevCompileDone: opts.onDevCompileDone,
-        });
+    }
+    const webpackConfig = await (0, config_1.getConfig)({
+        cwd: opts.cwd,
+        rootDir: opts.rootDir,
+        env: types_1.Env.development,
+        entry: opts.entry,
+        userConfig: opts.config,
+        babelPreset: opts.babelPreset,
+        extraBabelPlugins: [
+            ...(opts.beforeBabelPlugins || []),
+            ...((mfsu === null || mfsu === void 0 ? void 0 : mfsu.getBabelPlugins()) || []),
+            ...(opts.extraBabelPlugins || []),
+        ],
+        extraBabelPresets: [
+            ...(opts.beforeBabelPresets || []),
+            ...(opts.extraBabelPresets || []),
+        ],
+        extraBabelIncludes: opts.config.extraBabelIncludes,
+        extraEsbuildLoaderHandler: (mfsu === null || mfsu === void 0 ? void 0 : mfsu.getEsbuildLoaderHandler()) || [],
+        chainWebpack: opts.chainWebpack,
+        modifyWebpackConfig: opts.modifyWebpackConfig,
+        hmr: true,
+        analyze: process.env.ANALYZE,
+        cache: opts.cache,
+    });
+    const depConfig = await (0, config_1.getConfig)({
+        cwd: opts.cwd,
+        rootDir: opts.rootDir,
+        env: types_1.Env.development,
+        entry: opts.entry,
+        userConfig: opts.config,
+        hash: true,
+        staticPathPrefix: mfsu_1.MF_DEP_PREFIX,
+        name: constants_1.MFSU_NAME,
+        chainWebpack: (_e = opts.config.mfsu) === null || _e === void 0 ? void 0 : _e.chainWebpack,
+        cache: {
+            buildDependencies: (_f = opts.cache) === null || _f === void 0 ? void 0 : _f.buildDependencies,
+            cacheDirectory: (0, path_1.join)(opts.rootDir || opts.cwd, 'node_modules', '.cache', 'mfsu-deps'),
+        },
+    });
+    (_g = webpackConfig.resolve).alias || (_g.alias = {});
+    // TODO: REMOVE ME
+    ['@umijs/utils/compiled/strip-ansi', 'react-error-overlay'].forEach((dep) => {
+        // @ts-ignore
+        webpackConfig.resolve.alias[dep] = require.resolve(dep);
+    });
+    await (mfsu === null || mfsu === void 0 ? void 0 : mfsu.setWebpackConfig({
+        config: webpackConfig,
+        depConfig: depConfig,
+    }));
+    if (mfsu &&
+        webpackConfig.cache &&
+        typeof webpackConfig.cache === 'object' &&
+        webpackConfig.cache.type === 'filesystem') {
+        const webpackCachePath = (0, path_1.join)(webpackConfig.cache.cacheDirectory, `default-development`, 'index.pack');
+        const mfsuCacheExists = (0, fs_1.existsSync)(mfsu.depInfo.cacheFilePath);
+        const webpackCacheExists = (0, fs_1.existsSync)(webpackCachePath);
+        if (webpackCacheExists && !mfsuCacheExists) {
+            utils_1.logger.warn(`Invalidate webpack cache since mfsu cache is missing`);
+            utils_1.rimraf.sync(webpackConfig.cache.cacheDirectory);
+        }
+    }
+    await (0, server_1.createServer)({
+        webpackConfig,
+        userConfig: opts.config,
+        cwd: opts.cwd,
+        beforeMiddlewares: [
+            ...((mfsu === null || mfsu === void 0 ? void 0 : mfsu.getMiddlewares()) || []),
+            ...(opts.beforeMiddlewares || []),
+        ],
+        port: opts.port,
+        host: opts.host,
+        afterMiddlewares: [...(opts.afterMiddlewares || [])],
+        onDevCompileDone: opts.onDevCompileDone,
+        onProgress: opts.onProgress,
     });
 }
 exports.dev = dev;

package/dist/index.d.ts

@@ -1,5 +1,8 @@
-export type { RequestHandler } from '../compiled/express';
+import type webpack from '../compiled/webpack';
+export type { RequestHandler } from '@umijs/bundler-utils/compiled/express';
+export type { Compiler, Stats } from '../compiled/webpack';
 export * from './build';
 export * from './config/config';
 export * from './dev';
 export * from './schema';
+export { webpack };

package/dist/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/loader/svgr.d.ts

@@ -0,0 +1,4 @@
+import { Config } from '@svgr/core';
+import type { LoaderContext } from '../../compiled/webpack';
+declare function svgrLoader(this: LoaderContext<Config>, contents: string): void;
+export default svgrLoader;

package/dist/loader/svgr.js

@@ -0,0 +1,58 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// MIT: https://github.com/gregberge/svgr/blob/main/packages/webpack/src/index.ts
+// TODO: prebuild @svgr/core @svgr/plugin-jsx @svgr/plugin-svgo
+const core_1 = require("@svgr/core");
+// @ts-ignore
+const plugin_jsx_1 = __importDefault(require("@svgr/plugin-jsx"));
+// @ts-ignore
+const plugin_svgo_1 = __importDefault(require("@svgr/plugin-svgo"));
+const esbuild_1 = require("@umijs/bundler-utils/compiled/esbuild");
+const path_1 = require("path");
+const util_1 = require("util");
+const tranformSvg = (0, util_1.callbackify)(async (contents, options, state) => {
+    const jsCode = await (0, core_1.transform)(contents, options, state);
+    const result = await (0, esbuild_1.transform)(jsCode, {
+        loader: 'tsx',
+        target: 'es2015',
+    });
+    if (!(result === null || result === void 0 ? void 0 : result.code)) {
+        throw new Error(`Error while transforming using Esbuild`);
+    }
+    return result.code;
+});
+function svgrLoader(contents) {
+    this.cacheable && this.cacheable();
+    const callback = this.async();
+    const options = this.getOptions();
+    const previousExport = (() => {
+        if (contents.startsWith('export '))
+            return contents;
+        const exportMatches = contents.match(/^module.exports\s*=\s*(.*)/);
+        return exportMatches ? `export default ${exportMatches[1]}` : null;
+    })();
+    const state = {
+        caller: {
+            name: 'svgr-loader',
+            previousExport,
+            defaultPlugins: [plugin_svgo_1.default, plugin_jsx_1.default],
+        },
+        filePath: (0, path_1.normalize)(this.resourcePath),
+    };
+    if (!previousExport) {
+        tranformSvg(contents, options, state, callback);
+    }
+    else {
+        this.fs.readFile(this.resourcePath, (err, result) => {
+            if (err) {
+                callback(err);
+                return;
+            }
+            tranformSvg(String(result), options, state, callback);
+        });
+    }
+}
+exports.default = svgrLoader;

package/dist/loader/swc.d.ts

@@ -0,0 +1,4 @@
+import type { LoaderContext } from '../../compiled/webpack';
+import { SwcOptions } from '../types';
+declare function swcLoader(this: LoaderContext<SwcOptions>, contents: string): void;
+export default swcLoader;

package/dist/loader/swc.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@swc/core");
+const types_1 = require("../types");
+function getBaseOpts({ filename }) {
+    const isTSFile = filename.endsWith('.ts');
+    const isTypeScript = isTSFile || filename.endsWith('.tsx');
+    const isDev = process.env.NODE_ENV === types_1.Env.development;
+    /**
+     * Not use swc auto polyfill , depend on `preset-umi/features/polyfill/polyfill` imported polyfill file
+     *
+     * @issue https://github.com/swc-project/swc/issues/2607
+     *        https://github.com/swc-project/swc/issues/1604
+     */
+    const swcOpts = {
+        module: {
+            // @ts-ignore
+            type: 'es6',
+            ignoreDynamic: true,
+        },
+        jsc: {
+            parser: {
+                syntax: isTypeScript ? 'typescript' : 'ecmascript',
+                [isTypeScript ? 'tsx' : 'jsx']: !isTSFile,
+                dynamicImport: isTypeScript,
+            },
+            target: 'es2015',
+            transform: {
+                react: {
+                    runtime: 'automatic',
+                    pragma: 'React.createElement',
+                    pragmaFrag: 'React.Fragment',
+                    throwIfNamespace: true,
+                    development: isDev,
+                    useBuiltins: true,
+                },
+            },
+        },
+    };
+    return swcOpts;
+}
+function swcLoader(contents) {
+    // 启用异步模式
+    const callback = this.async();
+    const loaderOpts = this.getOptions();
+    const { sync = false, parseMap = false, ...otherOpts } = loaderOpts;
+    const filename = this.resourcePath;
+    const swcOpts = {
+        ...getBaseOpts({
+            filename,
+        }),
+        filename,
+        sourceMaps: this.sourceMap,
+        sourceFileName: filename,
+        ...otherOpts,
+    };
+    try {
+        if (sync) {
+            const output = (0, core_1.transformSync)(contents, swcOpts);
+            callback(null, output.code, parseMap ? JSON.parse(output.map) : output.map);
+        }
+        else {
+            (0, core_1.transform)(contents, swcOpts).then((output) => {
+                callback(null, output.code, parseMap ? JSON.parse(output.map) : output.map);
+            }, (err) => {
+                callback(err);
+            });
+        }
+    }
+    catch (e) {
+        callback(e);
+    }
+}
+exports.default = swcLoader;

package/dist/plugins/ESBuildCSSMinifyPlugin.js

@@ -1,13 +1,4 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const esbuild_1 = require("@umijs/bundler-utils/compiled/esbuild");
 const webpack_sources_1 = require("@umijs/bundler-webpack/compiled/webpack-sources");
@@ -30,36 +21,32 @@ class ESBuildCSSMinifyPlugin {
                 name: PLUGIN_NAME,
                 stage: 400,
                 additionalAssets: true,
-            }, () => __awaiter(this, void 0, void 0, function* () {
-                yield this.transformAssets(compilation);
-            }));
+            }, async () => {
+                await this.transformAssets(compilation);
+            });
         });
     }
-    transformAssets(compilation) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const { options: { devtool }, } = compilation.compiler;
-            const sourcemap = this.options.sourcemap === undefined
-                ? devtool && devtool
-                : this.options.sourcemap;
-            const assets = compilation.getAssets().filter((asset) => {
-                return !asset.info.minimized && RE_CSS_FILE.test(asset.name);
-            });
-            yield Promise.all(assets.map((asset) => __awaiter(this, void 0, void 0, function* () {
-                const { source, map } = asset.source.sourceAndMap();
-                const sourceAsString = source.toString();
-                const result = yield (0, esbuild_1.transform)(sourceAsString, {
-                    loader: 'css',
-                    sourcemap,
-                    sourcefile: asset.name,
-                    minify: true,
-                });
-                compilation.updateAsset(asset.name, 
-                // @ts-ignore
-                sourcemap
-                    ? new webpack_sources_1.SourceMapSource(result.code, asset.name, result.map, sourceAsString, map, true)
-                    : new webpack_sources_1.RawSource(result.code), Object.assign(Object.assign({}, asset.info), { minimized: true }));
-            })));
+    async transformAssets(compilation) {
+        const { options: { devtool }, } = compilation.compiler;
+        const sourcemap = this.options.sourcemap === undefined ? !!devtool : this.options.sourcemap;
+        const assets = compilation.getAssets().filter((asset) => {
+            return !asset.info.minimized && RE_CSS_FILE.test(asset.name);
         });
+        await Promise.all(assets.map(async (asset) => {
+            const { source, map } = asset.source.sourceAndMap();
+            const sourceAsString = source.toString();
+            const result = await (0, esbuild_1.transform)(sourceAsString, {
+                loader: 'css',
+                sourcemap,
+                sourcefile: asset.name,
+                minify: true,
+            });
+            compilation.updateAsset(asset.name, 
+            // @ts-ignore
+            sourcemap
+                ? new webpack_sources_1.SourceMapSource(result.code, asset.name, result.map, sourceAsString, map, true)
+                : new webpack_sources_1.RawSource(result.code), { ...asset.info, minimized: true });
+        }));
     }
 }
 exports.default = ESBuildCSSMinifyPlugin;

package/dist/plugins/ParcelCSSMinifyPlugin.d.ts

@@ -0,0 +1,10 @@
+import type { TransformOptions } from '@parcel/css';
+import type { Compiler } from '../../compiled/webpack/types';
+declare type MinifyPluginOpts = Omit<TransformOptions, 'filename' | 'code' | 'minify'>;
+export declare class ParcelCSSMinifyPlugin {
+    private readonly options;
+    constructor(opts?: MinifyPluginOpts);
+    apply(compiler: Compiler): void;
+    private transformAssets;
+}
+export {};