sugar-scripts 0.2.0-beta.0

package/src/webpack/webpack.browser.ts

@@ -0,0 +1,107 @@
+import path from 'path';
+import webpack from 'webpack';
+import WebpackChainConfig from 'webpack-chain';
+
+import {
+  SugarScriptsContext
+} from '../core/running-context';
+import {
+  getEntriesFromApplicationClass
+} from '../core/entry';
+
+import {
+  loadCustomConfig
+} from './webpack.common';
+import {
+  SUGAR_BUILD_EXPORT_BROWSER
+} from '../constants'
+
+
+export async function mergeBrowserEntryFromServer(
+  context: SugarScriptsContext,
+  chainConfig: WebpackChainConfig
+) {
+  if (!context.packageConfig.browser) return;
+  const browserConfig = context.packageConfig.browser;
+
+  if (browserConfig.input) {
+    const App = require(
+      path.resolve(
+        context.root,
+        browserConfig.input
+      )
+    ).default;
+
+    const configEntry = getEntriesFromApplicationClass(
+      App,
+      context.root
+    );
+
+    const normalizeEntry = (entryPath: string) => {
+      return path.resolve(context.root, entryPath);
+    }
+    Object.keys(configEntry)
+      .forEach((entryKey) => {
+        const entryPath = configEntry[entryKey];
+        if (typeof entryPath === 'string') {
+          chainConfig.entry(entryKey)
+            .add(normalizeEntry(entryPath))
+        }
+      });
+  }
+  if (browserConfig.entry) {
+    const entry = browserConfig.entry;
+    Object.keys(entry)
+      .forEach((entryKey) => {
+        const entryPath = entry[entryKey];
+        if (Array.isArray(entryPath)) {
+          chainConfig.entry(entryKey)
+            .merge(entryPath)
+        } else {
+          chainConfig.entry(entryKey)
+            .add(entryPath)
+        }
+      });
+  }
+}
+
+
+export async function mergeBuildDllConfig (
+  context: SugarScriptsContext,
+  chainConfig: WebpackChainConfig
+) {
+  if (!context.packageConfig.browser) return;
+  const browserConfig = context.packageConfig.browser;
+
+  if (browserConfig.dll) {
+    chainConfig.output
+      .library(`${context.rootHash}_sn_[name]`)
+      .libraryTarget('umd');
+
+    chainConfig.plugin('DllPlugin')
+      .use(
+        webpack.DllPlugin,
+        [{
+          context: context.root,
+          name: `${context.rootHash}_sn_[name]`,
+          path: path.resolve(
+            context.getCacheDir(),
+            context.rootHash,
+            './[name]/dll.modules.manifest.json'
+          ),
+          format: true
+        }]
+      );
+  }
+}
+
+export async function mergeBrowserCustomConfig  (
+  context: SugarScriptsContext,
+  chainConfig: WebpackChainConfig
+) {
+  await loadCustomConfig(
+    context,
+    chainConfig,
+    SUGAR_BUILD_EXPORT_BROWSER
+  )
+}

package/src/webpack/webpack.common.ts

@@ -0,0 +1,146 @@
+import path from 'path';
+import webpack from 'webpack';
+import WebpackChainConfig from 'webpack-chain';
+
+import {
+  loadAllDllModulesManifest
+} from './load-manifest';
+import {
+  SugarScriptsContext
+} from '../core/running-context';
+import {
+  DllDependenciesManifestPlugin
+} from './dll-dependencies-manifest-plugin'
+import {
+  SUGAR_PACKAGE_CONFIG_FILENAME
+} from '../constants'
+
+// const mode = process.env.NODE_ENV === 'development' ? 'development' : 'production';
+const mode = 'development';
+
+/**
+ * common 是创建基础的webpack配置项，基于webpack-chain
+ * 用于被 webpack.dll 、webpack.frontend、webpack.server扩展
+ */
+
+export async function createCommonChainConfig (
+  context: SugarScriptsContext,
+  output: string
+): Promise<WebpackChainConfig> {
+  let chainConfig = new WebpackChainConfig();
+
+  chainConfig.merge({
+    context: context.root,
+    resolve: {
+      extensions: ['.ts', '.tsx', '.js', '.jsx', '.css', '.svg', '.png', '.jpg', '.gif'],
+    },
+    output: {
+      path: path.resolve(
+        context.root,
+        output || 'dist'
+      ),
+      filename:
+        mode === 'development'
+          ? '[name].js'
+          : '[name].[contenthash].js'
+    },
+    mode,
+    optimization: {
+      moduleIds: 'named',
+      chunkIds: 'named'
+    },
+    stats: true,
+    module: {
+      rule: {
+        script: {
+          test: /\.(ts|tsx|js|jsx)$/,
+          use: {
+            'ts-loader': {
+              loader: 'ts-loader',
+              options: {
+                transpileOnly: true
+              }
+            }
+          }
+        }
+      },
+    },
+    plugin: {
+      'ProgressPlugin': {
+        plugin: webpack.ProgressPlugin,
+        args: []
+      }
+    }
+  })
+
+  return chainConfig;
+}
+
+export async function loadCustomConfig (
+  context: SugarScriptsContext,
+  chainConfig: WebpackChainConfig,
+  customFnName: string
+) {
+  let custom: any;
+  try {
+    custom = require(
+      path.resolve(
+        context.root,
+        SUGAR_PACKAGE_CONFIG_FILENAME
+      )
+    )[customFnName];
+  } catch(e) {}
+  if (custom) {
+    await custom(chainConfig, context);
+  }
+}
+
+
+export async function mergeDllReferences (
+  context: SugarScriptsContext,
+  chainConfig: WebpackChainConfig,
+) {
+  const dllModules = await loadAllDllModulesManifest(
+    context.getCacheDir(),
+    context.rootHash
+  );
+
+  const dllAssets = dllModules.reduce((dllAssets, dllModule) => {
+    dllAssets[dllModule.moduleName] = dllModule.assets;
+    return dllAssets;
+  }, {} as {
+    [dllName: string]: string[];
+  })
+
+  dllModules.forEach((
+    module
+  ) => {
+    chainConfig.plugin(module.moduleName)
+      .use(
+        webpack.DllReferencePlugin,
+        [{
+          context: module.context,
+          manifest: module.manifest
+        }]
+      );
+  })
+
+  chainConfig.plugin('DllDependenciesManifestPlugin')
+    .use(
+      DllDependenciesManifestPlugin,
+      [{
+        dllAssets,
+        fileName: path.resolve(
+          context.getCacheDir(),
+          context.rootHash,
+          './manifest.json'
+        ),
+        generate: (entries: any) => {
+          return {
+            context: context.root,
+            entries
+          };
+        }
+      }]
+    );
+}

package/src/webpack/webpack.server.ts

@@ -0,0 +1,100 @@
+import path from 'path';
+import webpack from 'webpack';
+import WebpackChainConfig from 'webpack-chain';
+
+import {
+  loadBaseManifest
+} from './load-manifest';
+import {
+  SugarScriptsContext
+} from '../core/running-context';
+import {
+  loadCustomConfig
+} from './webpack.common';
+import {
+  SUGAR_BUILD_EXPORT_SERVER
+} from '../constants'
+
+export async function mergeServerEntry (
+  context: SugarScriptsContext,
+  chainConfig: WebpackChainConfig
+) {
+  if (!context.packageConfig.server) return;
+  const serverConfig = context.packageConfig.server;
+
+  chainConfig.entry('main')
+    .merge(
+      [
+        serverConfig.render || '',
+        serverConfig.entry,
+        path.resolve(__dirname, 'auto-entries.ts')
+      ].filter((path) => !!path) as string[]
+    );
+
+    const manifest = await loadBaseManifest(
+      context.getCacheDir(),
+      context.rootHash
+    );
+
+  chainConfig.merge({
+      target: 'node',
+      output: {
+        filename: '[name].js',
+        library: {
+          // name: 'main',
+          type: 'commonjs',
+          // export: 'default',
+        }
+      },
+      resolve: {
+        mainFields: [
+          'sugar-scripts-main',
+          'main'
+        ]
+      },
+      externalsPresets: { node: true },
+      externals: serverConfig.dll ? function ({ context, request }: any, callback: any) {
+        console.log(request, context);
+        if (/^[^./]{1}/.test(request)) {
+          console.log('commonjs', request)
+          // Externalize to a commonjs module using the request path
+          return callback(null, request, 'commonjs');
+        }
+        callback();
+      }: undefined,
+      plugin: {
+        'DefinePlugin': {
+          plugin: webpack.DefinePlugin,
+          args: [{
+            'process.env.SUGAR_PROJECT_REAL_ENTRY': JSON.stringify(
+              path.resolve(
+                context.root,
+                serverConfig.entry
+              )
+            ),
+            'process.env.SUGAR_PROJECT_RUN': JSON.stringify(true),
+            'process.env.SUGAR_PROJECT_CONTEXT': JSON.stringify(manifest.context),
+            'process.env.SUGAR_PROJECT_RENDER': JSON.stringify(
+              serverConfig.render
+              && path.resolve(
+                context.root,
+                serverConfig.render
+              )
+            ),
+            'process.env.SUGAR_PROJECT_ENTRIES': JSON.stringify(manifest.entries),
+          }]
+        }
+      }
+    })
+}
+
+export async function mergeServerCustomConfig (
+  context: SugarScriptsContext,
+  chainConfig: WebpackChainConfig
+) {
+  await loadCustomConfig(
+    context,
+    chainConfig,
+    SUGAR_BUILD_EXPORT_SERVER
+  )
+}

package/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "es6",
+    "module": "CommonJS",
+    "strict": true,
+    "allowJs": false,
+    "jsx": "react",
+    "declaration": true,
+    "esModuleInterop": true,
+    "moduleResolution": "node",
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "lib": [
+      "ESNext",
+      "DOM"
+    ],
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "outDir": "lib",
+    "baseUrl": ".",
+    "rootDir": "src",
+  }
+}