chore: UMD distribution support

arwes · Dec 19, 2020 · f463dd6 · f463dd6
1 parent 3ead988
commit f463dd6
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 19 deletions.
diff --git a/docs/ROADMAP.md b/docs/ROADMAP.md
@@ -73,7 +73,7 @@ the vision of the project is.
 - [ ] [#64](https://github.com/arwes/arwes/issues/64) Arwes UI/UX design specification.
 - [ ] [#61](https://github.com/arwes/arwes/issues/61) Migrate project packages
 source code to TypeScript.
-- [ ] [#62](https://github.com/arwes/arwes/issues/62) Setup UMD distribution support.
+- [x] [#62](https://github.com/arwes/arwes/issues/62) Setup UMD distribution support.
 
 #### Playground
 

diff --git a/playground/playground.webpack.config.js b/playground/playground.webpack.config.js
@@ -3,7 +3,7 @@ const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 const { NODE_ENV } = process.env;
-const tsConfigFilePath = path.join(process.cwd(), 'playground/tsconfig.webpack.json');
+const tsConfigFilePath = path.join(process.cwd(), 'playground/tsconfig.json');
 
 module.exports = {
   mode: NODE_ENV || 'development',

diff --git a/playground/tsconfig.webpack.json → playground/tsconfig.json b/playground/tsconfig.webpack.json → playground/tsconfig.json
diff --git a/scripts/compile-umd.sh b/scripts/compile-umd.sh
@@ -17,21 +17,15 @@ build () {
 
   COMPILE_OUT_PATH=./packages/$1/dist/
   COMPILE_SRC=./packages/$1/src/index.ts
-  COMPILE_OUT_SCOPE=arwes
-
-  if [ $1 = "arwes" ]
-  then
-    COMPILE_OUT_SCOPE=none
-  fi
 
   logVerbose "Removing dist path..."
   rimraf $COMPILE_OUT_PATH
 
   logVerbose "Compiling development file..."
-  cross-env NODE_ENV=development COMPILE_SRC=$COMPILE_SRC COMPILE_OUT_PATH=$COMPILE_OUT_PATH COMPILE_OUT_FILENAME=$1.js COMPILE_OUT_SCOPE=$COMPILE_OUT_SCOPE COMPILE_OUT_NAME=$1 webpack --config=./scripts/webpack.compile-umd.config.js
+  cross-env NODE_ENV=development COMPILE_SRC=$COMPILE_SRC COMPILE_OUT_PATH=$COMPILE_OUT_PATH COMPILE_OUT_FILENAME=$1.js COMPILE_OUT_NAME=$1 webpack --config=./scripts/compile-umd.webpack.config.js
 
   logVerbose "Compiling production file..."
-  cross-env NODE_ENV=production COMPILE_SRC=$COMPILE_SRC COMPILE_OUT_PATH=$COMPILE_OUT_PATH COMPILE_OUT_FILENAME=$1.min.js COMPILE_OUT_SCOPE=$COMPILE_OUT_SCOPE COMPILE_OUT_NAME=$1 webpack --config=./scripts/webpack.compile-umd.config.js
+  cross-env NODE_ENV=production COMPILE_SRC=$COMPILE_SRC COMPILE_OUT_PATH=$COMPILE_OUT_PATH COMPILE_OUT_FILENAME=$1.min.js COMPILE_OUT_NAME=$1 webpack --config=./scripts/compile-umd.webpack.config.js
 }
 
 logInfo "Compiling Arwes packages for UMD."

diff --git a/scripts/webpack.compile-umd.config.js → scripts/compile-umd.webpack.config.js b/scripts/webpack.compile-umd.config.js → scripts/compile-umd.webpack.config.js
@@ -6,24 +6,16 @@ const {
   COMPILE_SRC,
   COMPILE_OUT_PATH,
   COMPILE_OUT_FILENAME,
-  COMPILE_OUT_SCOPE,
   COMPILE_OUT_NAME
 } = process.env;
 
-// When importing the UMD version of the package "@arwes/arwes", it also imports
-// all the other packages. It will be exposed as "[global].arwes".
-// Other packages will exposed as "[global].arwes.[packageName]".
-const libraryName = COMPILE_OUT_SCOPE !== 'none'
-  ? [COMPILE_OUT_SCOPE, COMPILE_OUT_NAME]
-  : COMPILE_OUT_NAME;
-
 module.exports = {
   mode: NODE_ENV || 'development',
   entry: COMPILE_SRC,
   output: {
     path: path.join(process.cwd(), COMPILE_OUT_PATH),
     filename: COMPILE_OUT_FILENAME,
-    library: libraryName,
+    library: ['arwes', COMPILE_OUT_NAME],
     libraryTarget: 'umd'
   },
   resolve: {