feature(webpack): add custom webpack config (#7)

* fix: fix issue

* chore: update version

* fix: fix issue

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apitable/widget-cli",
   "description": "help you to build awesome apitable widget",
-  "version": "1.0.4",
+  "version": "1.0.8",
   "author": "APITable PTE. LTD.",
   "bin": {
     "widget-cli": "./bin/run"
@@ -55,6 +55,7 @@
     "ts-loader": "^9.2.3",
     "tslib": "^1",
     "typescript": "4.1.2",
+    "webpack-merge": "^5",
     "webpack": "^5.45.1",
     "yaml": "^1.10.2"
   },

src/config.ts

@@ -1,5 +1,6 @@
 export default {
   widgetConfigFileName: 'widget.config.json',
+  webpackConfigFileName: 'webpack.config.js',
   widgetYamlFileName: '.apitable.yml',
   releaseCodeName: 'widget_bundle.js',
   releaseCodeProdName: 'widget_bundle.min.js',

src/utils/project.ts

@@ -14,6 +14,21 @@ export function getWidgetConfig(rootDir?: string): IWidgetConfig {
   return JSON.parse(fse.readFileSync(path.join(rootDir, Config.widgetConfigFileName), 'utf8'));
 }
 
+export function getWebpackCustomConfig(rootDir?: string): any {
+  rootDir = rootDir ?? findWidgetRootDir();
+  const checkExist = fse.existsSync(path.join(rootDir, Config.webpackConfigFileName))
+  if(checkExist) {
+    try {
+      const common = require(path.join(rootDir, Config.webpackConfigFileName));
+      return common;
+    } catch (e) {
+      console.error(e)
+      return {}
+    }
+  }
+  return {}
+}
+
 export function getPackageJSON(rootDir?: string) {
   rootDir = rootDir ?? findWidgetRootDir();
   return require(path.join(rootDir, 'package.json'));

src/webpack.config.ts

@@ -4,16 +4,18 @@ import Config from './config';
 import { CleanWebpackPlugin } from 'clean-webpack-plugin';
 import { getAssetsType, viaFileLoader } from './utils/file';
 import { IWebpackConfig } from './interface/webpack';
-import { getWidgetConfig } from './utils/project';
+import { getWidgetConfig, getWebpackCustomConfig } from './utils/project';
+const { merge } = require('webpack-merge');
 
 export const getWebpackConfig = (
   { dir, mode, globalFlag, config, onSucceed }:
   {dir: string; globalFlag: boolean | undefined, mode: 'dev' | 'prod'; config: IWebpackConfig; onSucceed: () => void}
 ): webpack.Configuration => {
   const widgetConfig = getWidgetConfig();
+  const webpackConfigFromJson = getWebpackCustomConfig() as webpack.Configuration ;
   const packageId = (globalFlag ? widgetConfig.globalPackageId : widgetConfig.packageId) || 'wpkDeveloper';
 
-  return {
+  const webpackConfig =  {
     context: path.resolve(__dirname),
     entry: {
       bundle: path.join(dir, config.entry),
@@ -145,4 +147,6 @@ export const getWebpackConfig = (
       new CleanWebpackPlugin()
     ],
   };
+  const result  = merge(webpackConfig, webpackConfigFromJson)
+  return result
 };