@shuvi/toolpack 0.0.1-rc.9 → 1.0.0-rc.10

package/lib/webpack/config/base.js

@@ -1,30 +1,53 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.baseWebpackChain = exports.WebpackChain = void 0;
 const webpack_chain_1 = __importDefault(require("webpack-chain"));
 exports.WebpackChain = webpack_chain_1.default;
 const terser_webpack_plugin_1 = __importDefault(require("terser-webpack-plugin"));
+const css_minimizer_webpack_plugin_1 = __importDefault(require("css-minimizer-webpack-plugin"));
 const webpack_1 = __importDefault(require("webpack"));
-const path_1 = __importDefault(require("path"));
+const path = __importStar(require("path"));
 const constants_1 = require("@shuvi/shared/lib/constants");
-const detectTypescript_1 = require("@shuvi/utils/lib/detectTypescript");
-const escapeRegExp_1 = require("@shuvi/utils/lib/escapeRegExp");
 const build_manifest_plugin_1 = __importDefault(require("../plugins/build-manifest-plugin"));
-const module_replace_plugin_1 = __importDefault(require("../plugins/module-replace-plugin"));
-const chunk_names_plugin_1 = __importDefault(require("../plugins/chunk-names-plugin"));
-const require_cache_hot_reloader_plugin_1 = __importDefault(require("../plugins/require-cache-hot-reloader-plugin"));
+const fix_watching_plugin_1 = __importDefault(require("../plugins/fix-watching-plugin"));
 const constants_2 = require("../../constants");
-const dumbRouteComponent = require.resolve('../../utils/emptyComponent');
-const resolveLocalLoader = (name) => path_1.default.join(__dirname, `../loaders/${name}`);
+const crypto = __importStar(require("crypto"));
+const jsconfig_paths_plugin_1 = __importDefault(require("../plugins/jsconfig-paths-plugin"));
+const support_ts_extension_resolver_plugin_1 = __importDefault(require("../plugins/support-ts-extension-resolver-plugin"));
+const helpers_1 = require("./parts/helpers");
+const resolveLocalLoader = (name) => path.join(__dirname, `../loaders/${name}`);
 const terserOptions = {
     parse: {
-        ecma: 8
+        ecma: 2017 // es8 === 2017
     },
     compress: {
         ecma: 5,
-        warnings: false,
         // The following two options are known to break valid JavaScript code
         comparisons: false,
         inline: 2 // https://github.com/zeit/next.js/issues/7178#issuecomment-493048965
@@ -38,42 +61,71 @@ const terserOptions = {
         ascii_only: true
     }
 };
-function baseWebpackChain({ dev, projectRoot, srcDirs, mediaFilename, buildManifestFilename, publicPath = '/', env = {} }) {
-    const { typeScriptPath, tsConfigPath, useTypeScript } = detectTypescript_1.getTypeScriptInfo(projectRoot);
+function baseWebpackChain({ dev, outputDir, parcelCss, experimental, compiler, projectRoot, include, typescript, name, buildManifestFilename, publicPath = '/', env = {}, cacheDir }) {
+    var _a;
     const config = new webpack_chain_1.default();
     config.mode(dev ? 'development' : 'production');
     config.bail(!dev);
     config.performance.hints(false);
     config.context(projectRoot);
+    config.output.path(outputDir);
+    config.output.merge({
+        publicPath,
+        filename: `${dev ? '[name].js' : '[name].[contenthash:8]'}.js`,
+        // This saves chunks with the name given via `import()`
+        chunkFilename: `static/chunks/${dev ? '[name]' : '[name].[contenthash:8]'}.js`,
+        hotUpdateChunkFilename: 'static/webpack/[id].[fullhash].hot-update.js',
+        hotUpdateMainFilename: 'static/webpack/[fullhash].hot-update.json',
+        strictModuleExceptionHandling: true,
+        // crossOriginLoading: crossOrigin,
+        webassemblyModuleFilename: 'static/wasm/[modulehash:8].wasm',
+        hashFunction: 'xxhash64',
+        hashDigestLength: 16
+    });
     config.optimization.merge({
         emitOnErrors: !dev,
         checkWasmTypes: false,
         nodeEnv: false,
-        splitChunks: false,
         runtimeChunk: undefined,
-        minimize: !dev
+        minimize: !dev,
+        realContentHash: false
     });
-    if (!dev) {
+    if (dev) {
+        config.optimization.usedExports(false);
+        config.optimization.splitChunks({
+            chunks: helpers_1.splitChunksFilter,
+            cacheGroups: {
+                defaultVendors: false,
+                default: false,
+                vendors: {
+                    name: 'vendors',
+                    filename: constants_2.CommonChunkFilename,
+                    test: /[\\/]node_modules[\\/]/,
+                    // Don't let webpack eliminate this chunk (prevents this chunk from
+                    // becoming a part of the commons chunk)
+                    enforce: true
+                }
+            }
+        });
+    }
+    else {
+        // @ts-ignore
         config.optimization.minimizer('terser').use(terser_webpack_plugin_1.default, [
             {
                 extractComments: false,
                 parallel: true,
-                cache: true,
-                sourceMap: false,
                 terserOptions
             }
         ]);
+        config.optimization.minimizer('cssMinimizer').use(css_minimizer_webpack_plugin_1.default, [
+            {
+                // @ts-ignore
+                minify: parcelCss
+                    ? css_minimizer_webpack_plugin_1.default.parcelCssMinify
+                    : css_minimizer_webpack_plugin_1.default.cssnanoMinify
+            }
+        ]);
     }
-    config.output.merge({
-        publicPath,
-        hotUpdateChunkFilename: 'static/webpack/[id].[fullhash].hot-update.js',
-        hotUpdateMainFilename: 'static/webpack/[fullhash].hot-update.json',
-        // This saves chunks with the name given via `import()`
-        chunkFilename: `static/chunks/${dev ? '[name]' : '[name].[contenthash:8]'}.js`,
-        strictModuleExceptionHandling: true,
-        // crossOriginLoading: crossOrigin,
-        webassemblyModuleFilename: 'static/wasm/[modulehash:8].wasm'
-    });
     // Support for NODE_PATH
     const nodePathList = (process.env.NODE_PATH || '')
         .split(process.platform === 'win32' ? ';' : ':')
@@ -86,7 +138,11 @@ function baseWebpackChain({ dev, projectRoot, srcDirs, mediaFilename, buildManif
         alias: {}
     });
     config.resolveLoader.merge({
-        alias: ['shuvi-babel-loader', 'route-component-loader'].reduce((alias, loader) => {
+        alias: [
+            'shuvi-swc-loader',
+            'route-component-loader',
+            'parcel-css-loader'
+        ].reduce((alias, loader) => {
             alias[`@shuvi/${loader}`] = resolveLocalLoader(loader);
             return alias;
         }, {})
@@ -101,108 +157,97 @@ function baseWebpackChain({ dev, projectRoot, srcDirs, mediaFilename, buildManif
         .resolve.set('fullySpecified', false);
     mainRule
         .oneOf('js')
-        .test(/\.(tsx|ts|js|mjs|jsx)$/)
-        .include.merge([...srcDirs, ...constants_2.AppSourceRegexs])
+        .test(/\.(tsx|ts|js|cjs|mjs|jsx)$/)
+        .include.merge([...include, ...constants_2.AppSourceRegexs])
         .end()
-        .exclude.add((path) => {
-        if (constants_2.AppSourceRegexs.some(r => r.test(path))) {
-            return false;
-        }
-        if (srcDirs.some(src => path.includes(src))) {
-            return false;
-        }
-        return /node_modules/.test(path);
-    })
-        .end()
-        .use('shuvi-babel-loader')
-        .loader('@shuvi/shuvi-babel-loader')
+        .use('shuvi-swc-loader')
+        .loader('@shuvi/shuvi-swc-loader')
         .options({
-        isNode: false,
-        cacheDirectory: true
+        isServer: false,
+        experimental,
+        compiler,
+        supportedBrowsers: false,
+        swcCacheDir: path.join(cacheDir, 'swc')
     });
+    config.resolve.alias.set('@swc/helpers', path.dirname(require.resolve(`@swc/helpers/package.json`)));
     mainRule
         .oneOf('media')
-        .exclude.merge([/\.(js|mjs|jsx|ts|tsx)$/, /\.html$/, /\.json$/])
+        .exclude.merge([/\.(tsx|ts|js|cjs|mjs|jsx)$/, /\.html$/, /\.json$/])
         .end()
         .use('file-loader')
         .loader(require.resolve('file-loader'))
         .options({
-        name: mediaFilename
+        name: 'static/media/[name].[hash:8].[ext]'
     });
-    config.plugin('chunk-names').use(chunk_names_plugin_1.default);
     config.plugin('private/ignore-plugin').use(webpack_1.default.IgnorePlugin, [
         {
             resourceRegExp: /^\.\/locale$/,
             contextRegExp: /moment$/
         }
     ]);
+    const shuviPublicEnv = Object.keys(process.env).reduce((prev, key) => {
+        if (key.startsWith(constants_1.PUBLIC_ENV_PREFIX)) {
+            prev[`process.env.${key}`] = JSON.stringify(process.env[key]);
+        }
+        return prev;
+    }, {});
+    const shuviConfigEnv = Object.keys(env).reduce((acc, key) => {
+        if (/^(?:NODE_.+)|^(?:__.+)$/i.test(key)) {
+            throw new Error(`The key "${key}" under "env" is not allowed.`);
+        }
+        return Object.assign(Object.assign({}, acc), { [`process.env.${key}`]: JSON.stringify(env[key]) });
+    }, {});
     config.plugin('define').use(webpack_1.default.DefinePlugin, [
-        Object.assign(Object.assign(Object.assign({}, Object.keys(process.env).reduce((prev, key) => {
-            if (key.startsWith(constants_1.PUBLIC_ENV_PREFIX)) {
-                prev[`process.env.${key}`] = JSON.stringify(process.env[key]);
-            }
-            return prev;
-        }, {})), Object.keys(env).reduce((acc, key) => {
-            if (/^(?:NODE_.+)|^(?:__.+)$/i.test(key)) {
-                throw new Error(`The key "${key}" under "env" is not allowed.`);
-            }
-            return Object.assign(Object.assign({}, acc), { [`process.env.${key}`]: JSON.stringify(env[key]) });
-        }, {})), { 'process.env.NODE_ENV': JSON.stringify(dev ? 'development' : 'production') })
+        Object.assign(Object.assign(Object.assign({}, shuviPublicEnv), shuviConfigEnv), { 'process.env.NODE_ENV': JSON.stringify(dev ? 'development' : 'production') })
     ]);
     config
         .plugin('private/build-manifest')
         .use(build_manifest_plugin_1.default, [
         { filename: buildManifestFilename, chunkRequest: dev }
     ]);
-    if (useTypeScript) {
-        config
-            .plugin('private/fork-ts-checker-webpack-plugin')
-            .use(require.resolve('fork-ts-checker-webpack-plugin'), [
-            {
-                typescript: {
-                    configFile: tsConfigPath,
-                    typeScriptPath,
-                    diagnosticOptions: {
-                        syntactic: true
-                    }
-                },
-                async: dev,
-                logger: {
-                    infrastructure: 'silent',
-                    issues: 'silent',
-                    devServer: false
-                },
-                formatter: 'codeframe'
-            }
+    const getCacheConfig = () => {
+        const projectHash = crypto
+            .createHash('md5')
+            .update(projectRoot)
+            .digest('hex');
+        const stringifiedEnvs = Object.entries(Object.assign(Object.assign({}, shuviConfigEnv), shuviPublicEnv)).reduce((prev, [key, value]) => {
+            return `${prev}|${key}=${value}`;
+        }, '');
+        const PACKAGE_JSON = path.resolve(__dirname, '../../../package.json');
+        const SHUVI_VERSION = require(PACKAGE_JSON).version;
+        return {
+            cacheDirectory: path.join(cacheDir, 'webpack', projectHash),
+            type: 'filesystem',
+            name: `${name.replace(/\//, '-')}-${config.get('mode')}`,
+            version: `${SHUVI_VERSION}|${stringifiedEnvs}`
+        };
+    };
+    config.cache(typeof process.env.SHUVI_DEV_DISABLE_CACHE !== 'undefined'
+        ? false
+        : getCacheConfig());
+    if (((_a = typescript === null || typescript === void 0 ? void 0 : typescript.tsCompilerOptions) === null || _a === void 0 ? void 0 : _a.paths) && (typescript === null || typescript === void 0 ? void 0 : typescript.resolvedBaseUrl)) {
+        config.resolve
+            .plugin('jsconfig-paths-plugin')
+            .use(jsconfig_paths_plugin_1.default, [
+            typescript.tsCompilerOptions.paths,
+            typescript.resolvedBaseUrl
         ]);
     }
+    if (!(typescript === null || typescript === void 0 ? void 0 : typescript.useTypeScript)) {
+        config.resolve
+            .plugin('support-ts-extension-resolver-plugin')
+            .use(support_ts_extension_resolver_plugin_1.default);
+    }
     if (dev) {
-        config.cache({
-            type: 'memory'
-        });
-        // For future webpack-dev-server purpose
+        // For webpack-dev-middleware usage
         config.watchOptions({
-            ignored: ['**/.git/**', '**/node_modules/**']
+            aggregateTimeout: 5,
+            ignored: ['**/.git/**']
         });
         config.set('infrastructureLogging', {
             level: 'none'
         });
-        config.plugin('private/module-replace-plugin').use(module_replace_plugin_1.default, [
-            {
-                modules: [
-                    {
-                        test: RegExp(escapeRegExp_1.escapeRegExp(`?${constants_1.ROUTE_RESOURCE_QUERYSTRING}`)),
-                        module: dumbRouteComponent
-                    }
-                ]
-            }
-        ]);
-        // Even though require.cache is server only we have to clear assets from both compilations
-        // This is because the client compilation generates the build manifest that's used on the server side
-        config
-            .plugin('private/require-cache-hot-reloader')
-            .use(require_cache_hot_reloader_plugin_1.default);
-        config.optimization.usedExports(false);
+        config.plugin('private/fix-watching-plugin').use(fix_watching_plugin_1.default);
     }
     else {
         config

package/lib/webpack/config/browser.d.ts

@@ -1,8 +1,7 @@
-import WebpackChain from 'webpack-chain';
-import { BaseOptions } from './base';
-import { IWebpackHelpers } from '@shuvi/types/src/bundler';
+import { IWebpackHelpers } from '../types';
+import { WebpackChain, BaseOptions } from './base';
 export interface BrowserOptions extends BaseOptions {
     webpackHelpers: IWebpackHelpers;
     analyze?: boolean;
 }
-export declare function createBrowserWebpackChain({ webpackHelpers, ...baseOptions }: BrowserOptions): WebpackChain;
+export declare function createBrowserWebpackChain(options: BrowserOptions): WebpackChain;

package/lib/webpack/config/browser.js

@@ -1,63 +1,145 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const crypto_1 = __importDefault(require("crypto"));
+exports.createBrowserWebpackChain = void 0;
+const crypto = __importStar(require("crypto"));
 const webpack_1 = __importDefault(require("webpack"));
+const path = __importStar(require("path"));
 const webpack_bundle_analyzer_1 = require("webpack-bundle-analyzer");
-const detectTypescript_1 = require("@shuvi/utils/lib/detectTypescript");
-const prefer_resolver_plugin_1 = __importDefault(require("../plugins/prefer-resolver-plugin"));
+const resolve_1 = require("@shuvi/utils/lib/resolve");
+// import PreferResolverPlugin from '../plugins/prefer-resolver-plugin';
+const constants_1 = require("../../constants");
+const dynamic_public_path_plugin_1 = __importDefault(require("../plugins/dynamic-public-path-plugin"));
 const base_1 = require("./base");
 const style_1 = require("./parts/style");
+const helpers_1 = require("./parts/helpers");
 const BIG_LIBRARY_THRESHOLD = 160000; // byte
-function createBrowserWebpackChain(_a) {
-    var { webpackHelpers } = _a, baseOptions = __rest(_a, ["webpackHelpers"]);
-    const { dev, publicPath, analyze } = baseOptions;
-    const chain = base_1.baseWebpackChain(baseOptions);
-    const { useTypeScript } = detectTypescript_1.getTypeScriptInfo(baseOptions.projectRoot);
+const SHUVI_PKGS_REGEX = /[\\/]node_modules[\\/]@shuvi[\\/]/;
+const FRAMEWORK_REACT_MODULES = [
+    {
+        test: /[/\\]node_modules[/\\]react[/\\]/
+    },
+    {
+        test: /[/\\]node_modules[/\\]react-dom[/\\]/
+    },
+    {
+        test: /[/\\]node_modules[/\\]scheduler[/\\]/,
+        issuers: [/[/\\]node_modules[/\\]react-dom[/\\]/]
+    }
+];
+function createBrowserWebpackChain(options) {
+    const { cacheDir, typescript, dev, publicPath, analyze } = options;
+    const chain = (0, base_1.baseWebpackChain)(options);
+    const useTypeScript = !!(typescript === null || typescript === void 0 ? void 0 : typescript.useTypeScript);
     chain.target('web');
     chain.devtool(dev ? 'cheap-module-source-map' : false);
     chain.resolve.extensions.merge([
-        ...(useTypeScript ? ['.tsx', '.ts'] : []),
+        ...(useTypeScript ? ['.ts', '.tsx'] : []),
         '.mjs',
         '.js',
         '.jsx',
         '.json',
         '.wasm'
     ]);
-    if (baseOptions.target) {
-        chain.resolve
-            .plugin('private/prefer-resolver-plugin')
-            .use(prefer_resolver_plugin_1.default, [{ suffix: baseOptions.target }]);
+    if (useTypeScript) {
+        chain
+            .plugin('private/fork-ts-checker-webpack-plugin')
+            .use(require.resolve('fork-ts-checker-webpack-plugin'), [
+            {
+                typescript: {
+                    configFile: typescript.tsConfigPath,
+                    mode: 'write-references',
+                    typeScriptPath: typescript.typeScriptPath,
+                    diagnosticOptions: {
+                        syntactic: true
+                    },
+                    configOverwrite: {
+                        compilerOptions: {
+                            incremental: true,
+                            tsBuildInfoFile: path.resolve(cacheDir, 'tsbuildinfo')
+                        }
+                    }
+                },
+                async: dev,
+                logger: {
+                    infrastructure: 'silent',
+                    issues: 'silent',
+                    devServer: false
+                },
+                formatter: 'codeframe'
+            }
+        ]);
     }
+    // if (options.target) {
+    //   chain.resolve
+    //     .plugin('private/prefer-resolver-plugin')
+    //     .use(PreferResolverPlugin, [{ suffix: options.target }]);
+    // }
     if (dev) {
         chain.plugin('private/hmr-plugin').use(webpack_1.default.HotModuleReplacementPlugin);
     }
     else {
         chain.optimization.splitChunks({
-            chunks: 'all',
+            chunks: helpers_1.splitChunksFilter,
             cacheGroups: {
                 default: false,
                 defaultVendors: false,
                 framework: {
                     chunks: 'all',
                     name: 'framework',
-                    // This regex ignores nested copies of framework libraries so they're
-                    // bundled with their issuer.
-                    // https://github.com/zeit/next.js/pull/9012
-                    test: /(?<!node_modules.*)[\\/]node_modules[\\/](react|react-dom|@shuvi\/router|@shuvi\/router-react|scheduler|prop-types|use-subscription|history)[\\/]/,
+                    filename: constants_1.CommonChunkFilename,
+                    test(module) {
+                        const resource = module.nameForCondition();
+                        if (!resource) {
+                            return false;
+                        }
+                        if (SHUVI_PKGS_REGEX.test(resource)) {
+                            return true;
+                        }
+                        return FRAMEWORK_REACT_MODULES.some(frameworkModule => {
+                            if (!frameworkModule.test.test(resource)) {
+                                return false;
+                            }
+                            // Check issuer to ignore nested copies of framework libraries so they're
+                            // bundled with their issuer.
+                            // https://github.com/zeit/next.js/pull/9012
+                            if (frameworkModule.issuers) {
+                                for (const issuer of frameworkModule.issuers) {
+                                    const issuerResource = module.issuer.nameForCondition();
+                                    if (!issuer.test(issuerResource)) {
+                                        return false;
+                                    }
+                                }
+                            }
+                            return true;
+                        });
+                    },
+                    // test: /(?<!node_modules.*)[\\/]node_modules[\\/](react|react-dom|@shuvi[\\/]router|@shuvi[\\/]router-react|scheduler|prop-types|use-sync-external-store|history)[\\/]/,
                     priority: 40,
                     // Don't let webpack eliminate this chunk (prevents this chunk from
                     // becoming a part of the commons chunk)
@@ -66,10 +148,10 @@ function createBrowserWebpackChain(_a) {
                 lib: {
                     test(module) {
                         return (module.size() > BIG_LIBRARY_THRESHOLD &&
-                            /node_modules[/\\]/.test(module.identifier()));
+                            /[/\\]node_modules[/\\]/.test(module.nameForCondition() || ''));
                     },
                     name(module) {
-                        const hash = crypto_1.default.createHash('sha1');
+                        const hash = crypto.createHash('sha1');
                         if (module.type === `css/mini-extract`) {
                             module.updateHash(hash);
                         }
@@ -77,31 +159,14 @@ function createBrowserWebpackChain(_a) {
                             if (!module.libIdent) {
                                 throw new Error(`Encountered unknown module type: ${module.type}. Please open an issue.`);
                             }
-                            hash.update(module.libIdent({ context: baseOptions.projectRoot }));
+                            hash.update(module.libIdent({ context: options.projectRoot }));
                         }
                         return hash.digest('hex').substring(0, 8);
                     },
+                    filename: constants_1.CommonChunkFilename,
                     priority: 30,
                     minChunks: 1,
                     reuseExistingChunk: true
-                },
-                commons: {
-                    name: 'commons',
-                    minChunks: 2,
-                    priority: 20
-                },
-                shared: {
-                    name(module, chunks) {
-                        return crypto_1.default
-                            .createHash('sha1')
-                            .update(chunks.reduce((acc, chunk) => {
-                            return acc + chunk.name;
-                        }, ''))
-                            .digest('hex');
-                    },
-                    priority: 10,
-                    minChunks: 2,
-                    reuseExistingChunk: true
                 }
             },
             maxInitialRequests: 25,
@@ -118,12 +183,16 @@ function createBrowserWebpackChain(_a) {
             ]);
         }
     }
-    chain.resolve.alias
-        .set('stream', require.resolve('stream-browserify'))
-        .set('path', require.resolve('path-browserify'))
-        .set('crypto', require.resolve('crypto-browserify'))
-        .set('buffer', require.resolve('buffer'))
-        .set('vm', require.resolve('vm-browserify'));
+    // node polyfills
+    chain.resolve.set('fallback', {
+        buffer: (0, resolve_1.resolve)('buffer', {
+            includeCoreModules: false
+        }),
+        crypto: require.resolve('crypto-browserify'),
+        path: require.resolve('path-browserify'),
+        stream: require.resolve('stream-browserify'),
+        vm: require.resolve('vm-browserify')
+    });
     chain.plugin('node-buffer-polyfill').use(webpack_1.default.ProvidePlugin, [
         {
             Buffer: ['buffer', 'Buffer']
@@ -139,9 +208,16 @@ function createBrowserWebpackChain(_a) {
             // prevent errof of destructing process.env
             'process.env': JSON.stringify('{}') })
     ]);
+    chain.plugin('dynamic-public-path-plugin').use(dynamic_public_path_plugin_1.default);
     chain.plugin('private/build-manifest').tap(([options]) => [
         Object.assign(Object.assign({}, options), { modules: true })
     ]);
-    return style_1.withStyle(chain, { extractCss: !dev, publicPath });
+    return (0, style_1.withStyle)(chain, {
+        extractCss: !dev,
+        publicPath,
+        parcelCss: options.parcelCss,
+        filename: 'static/css/[contenthash:8].css',
+        chunkFilename: 'static/css/[contenthash:8].chunk.css'
+    });
 }
 exports.createBrowserWebpackChain = createBrowserWebpackChain;

package/lib/webpack/config/index.js

@@ -1,9 +1,20 @@
 "use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./base"));
-__export(require("./browser"));
-__export(require("./node"));
-__export(require("./parts/helpers"));
+__exportStar(require("./base"), exports);
+__exportStar(require("./browser"), exports);
+__exportStar(require("./node"), exports);
+__exportStar(require("./parts/helpers"), exports);

package/lib/webpack/config/node.d.ts

@@ -1,7 +1,6 @@
-import WebpackChain from 'webpack-chain';
-import { BaseOptions } from './base';
-import { IWebpackHelpers } from '@shuvi/types/src/bundler';
+import { WebpackChain, BaseOptions } from './base';
+import { IWebpackHelpers } from '../types';
 export interface NodeOptions extends BaseOptions {
     webpackHelpers: IWebpackHelpers;
 }
-export declare function createNodeWebpackChain({ webpackHelpers, ...baseOptions }: NodeOptions): WebpackChain;
+export declare function createNodeWebpackChain(options: NodeOptions): WebpackChain;