build(folder): update build folder for all projects

.gitignore

@@ -2,4 +2,5 @@ Figma Chat/
 node_modules
 *.zip
 dist
-build
+build
+release

package.json

@@ -4,6 +4,7 @@
   "description": "",
   "private": true,
   "scripts": {
+    "build": "yarn build:plugin && yarn build:web && yarn build:server",
     "start:plugin": "yarn workspace plugin start",
     "start:web": "yarn workspace web start",
     "start:server": "yarn workspace server dev",

packages/plugin/package.json

@@ -4,7 +4,7 @@
   "description": "",
   "main": "code.js",
   "scripts": {
-    "build": "NODE_ENV=production webpack --mode=production && rm ./Figma\\ Chat/ui.js*",
+    "build": "NODE_ENV=production webpack --mode=production && rm ../../release/Figma\\ Chat/ui.js  ../../release/Figma\\ Chat/ui.js.LICENSE.txt",
     "lint": "eslint  --ext .tsx,.ts,.json,.js src/ --fix",
     "start": "DEBUG=* webpack --watch"
   },

packages/plugin/webpack.config.js

@@ -73,7 +73,7 @@ module.exports = (env, argv) => ({
   },
   output: {
     filename: '[name].js',
-    path: path.resolve(__dirname, figmaPlugin.name),
+    path: path.resolve(__dirname, '..', '..', 'release', figmaPlugin.name),
   },
   plugins: [
     // argv.mode !== 'production' ? new BundleAnalyzerPlugin() : null,
@@ -109,7 +109,7 @@ module.exports = (env, argv) => ({
       `,
     }),
     new CreateFileWebpack({
-      path: path.resolve(__dirname, figmaPlugin.name),
+      path: path.resolve(__dirname, '..', '..', 'release', figmaPlugin.name),
       fileName: 'manifest.json',
       content: JSON.stringify(figmaPlugin),
     }),

packages/server/tsconfig.json

@@ -8,7 +8,7 @@
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
     "resolveJsonModule": true,
-    "outDir": "dist"
+    "outDir": "../../release/server"
   },
   "include": ["src"]
 }

packages/web/config-overrides.js

@@ -1,28 +1,43 @@
 const PnpWebpackPlugin = require('pnp-webpack-plugin');
 const path = require('path');
 
-module.exports = function override(webpackConfig, env) {
-  // const tsRule = webpackConfig.module.rules[1].oneOf[2];
-  // tsRule.include = undefined;
-  // tsRule.exclude = /node_modules/;
+module.exports = {
+  paths: function (paths, env) {
+    paths.appBuild = path.join(
+      paths.appBuild,
+      '..',
+      '..',
+      '..',
+      'release',
+      'web'
+    );
+    return paths;
+  },
+  webpack: (webpackConfig, env) => {
+    // const tsRule = webpackConfig.module.rules[1].oneOf[2];
+    // tsRule.include = undefined;
+    // tsRule.exclude = /node_modules/;
 
-  webpackConfig.module.rules.push({
-    test: /\.tsx?$/,
-    loader: require.resolve('ts-loader'),
-    options: {
-      transpileOnly: true,
-    },
-  });
+    webpackConfig.module.rules.push({
+      test: /\.tsx?$/,
+      loader: require.resolve('ts-loader'),
+      options: {
+        transpileOnly: true,
+      },
+    });
 
-  webpackConfig.resolve.plugins = webpackConfig.resolve.plugins.filter(
-    ({ constructor }) => {
-      if (!constructor) return true;
-      return constructor.name !== 'ModuleScopePlugin';
-    }
-  );
+    webpackConfig.resolve.plugins = webpackConfig.resolve.plugins.filter(
+      ({ constructor }) => {
+        if (!constructor) return true;
+        return constructor.name !== 'ModuleScopePlugin';
+      }
+    );
 
-  webpackConfig.resolve.plugins.unshift(PnpWebpackPlugin);
-  webpackConfig.resolve.plugins.unshift(PnpWebpackPlugin.moduleLoader(module));
+    webpackConfig.resolve.plugins.unshift(PnpWebpackPlugin);
+    webpackConfig.resolve.plugins.unshift(
+      PnpWebpackPlugin.moduleLoader(module)
+    );
 
-  return webpackConfig;
+    return webpackConfig;
+  },
 };