From b4ce703820264a7ed16b5b3efee973aadc43335d Mon Sep 17 00:00:00 2001 From: Vitaly Takmazov Date: Tue, 7 Mar 2023 12:45:40 +0300 Subject: build vnext server with webpack --- package-lock.json | 24 ++++++++++++++ package.json | 5 +-- vnext/server/webpack.config.js | 74 ++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 101 insertions(+), 2 deletions(-) create mode 100644 vnext/server/webpack.config.js diff --git a/package-lock.json b/package-lock.json index a77aca9e..5f8b5333 100644 --- a/package-lock.json +++ b/package-lock.json @@ -46,6 +46,7 @@ "autoprefixer": "^10.4.13", "babel-loader": "^9.1.2", "core-js": "^3.29.0", + "cors": "^2.8.5", "cross-env": "^7.0.3", "css-loader": "^6.7.3", "cssnano": "^5.1.15", @@ -6406,6 +6407,19 @@ "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==" }, + "node_modules/cors": { + "version": "2.8.5", + "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz", + "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==", + "dev": true, + "dependencies": { + "object-assign": "^4", + "vary": "^1" + }, + "engines": { + "node": ">= 0.10" + } + }, "node_modules/cosmiconfig": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.0.0.tgz", @@ -22776,6 +22790,16 @@ "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==" }, + "cors": { + "version": "2.8.5", + "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz", + "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==", + "dev": true, + "requires": { + "object-assign": "^4", + "vary": "^1" + } + }, "cosmiconfig": { "version": "8.0.0", "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.0.0.tgz", diff --git a/package.json b/package.json index 89ca19b3..15619434 100644 --- a/package.json +++ b/package.json @@ -7,8 +7,8 @@ "lint": "eslint .", "vnext:test": "jest", "vnext:build": "webpack -c vnext/webpack.config.js", - "vnext:build:ssr": "npm run vnext:build && esbuild --bundle --sourcemap --minify --keep-names --platform=node --target=node18 --loader:.js=jsx --loader:.png=file --loader:.svg=file --outfile=public/server.js vnext/server/index.js", - "vnext:start-ssr": "npm run vnext:build:ssr && cross-env DEBUG=http node public/server.js", + "vnext:build:ssr": "npm run vnext:build && webpack -c vnext/server/webpack.config.js", + "vnext:start-ssr": "npm run vnext:build:ssr && cross-env DEBUG=http node --enable-source-maps public/server.js", "vnext:start": "cross-env NODE_ENV=development webpack serve -c vnext/webpack.config.js --mode development", "vnext:lint": "eslint vnext/src/**/*.js" }, @@ -50,6 +50,7 @@ "autoprefixer": "^10.4.13", "babel-loader": "^9.1.2", "core-js": "^3.29.0", + "cors": "^2.8.5", "cross-env": "^7.0.3", "css-loader": "^6.7.3", "cssnano": "^5.1.15", diff --git a/vnext/server/webpack.config.js b/vnext/server/webpack.config.js new file mode 100644 index 00000000..a58f858c --- /dev/null +++ b/vnext/server/webpack.config.js @@ -0,0 +1,74 @@ +/* eslint-disable @typescript-eslint/no-var-requires */ + +const ESLintPlugin = require('eslint-webpack-plugin'); +const TerserPlugin = require('terser-webpack-plugin'); + +module.exports = (env, argv) => { + const node_env = process.env.NODE_ENV ? process.env.NODE_ENV : 'development'; + const dev = node_env !== 'production'; + const config = { + mode: node_env, + devtool: dev ? 'cheap-module-source-map' : false, + entry: { + 'server': [ + __dirname + '/index.js' + ] + }, + target: 'node', + output: { + path: __dirname + '/../../public', + filename: '[name].js' + }, + module: { + rules: [{ + test: /\.js$/, + exclude: [ + /node_modules/ + ], + loader: 'babel-loader' + }, { + test: /\.(png|jpe?g|gif|svg)$/i, + use: [ + { + loader: 'file-loader', + }, + ], + }] + }, + plugins: [ + ], + resolve: { + symlinks: false, + extensions: ['.js'] + } + }; + if (dev) { + config.plugins.push( + new ESLintPlugin({ + files: __dirname + '/src', + lintDirtyModulesOnly: true, + failOnWarning: false, + failOnError: true, + fix: false + })); + config.devServer = { + hot: true, + historyApiFallback: true, + client: { + overlay: true + } + }; + } + config.optimization = { + minimize: !dev, + minimizer: [ + new TerserPlugin({ + minify: TerserPlugin.swcMinify, + // `terserOptions` options will be passed to `swc` (`@swc/core`) + // Link to options - https://swc.rs/docs/config-js-minify + terserOptions: {}, + }), + ] + }; + return config; +}; -- cgit v1.2.3