diff --git a/packages/client/package.json b/packages/client/package.json index 97abd45e95..450b2491e3 100644 --- a/packages/client/package.json +++ b/packages/client/package.json @@ -3,6 +3,7 @@ "scripts": { "dev": "cross-env NODE_OPTIONS=--max-old-space-size=8192 webpack --watch --mode=development --node-env=development", "build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 webpack --mode=production --node-env=production", + "build:dev": "cross-env NODE_OPTIONS=--max-old-space-size=8192 webpack --mode=development --node-env=development", "lint": "eslint .", "lint:fix": "eslint . --fix", "format": "prettier . --check --plugin-search-dir=.", diff --git a/packages/client/webpack.config.js b/packages/client/webpack.config.js index 5bda7f8f57..bbdf951f38 100644 --- a/packages/client/webpack.config.js +++ b/packages/client/webpack.config.js @@ -16,6 +16,7 @@ dotenv.config({ path: '../../.env' }); const isProduction = process.env.NODE_ENV == 'production'; +console.log('isProduction', isProduction); const config = { entry: './src/main.tsx', performance: { @@ -23,10 +24,11 @@ const config = { }, output: { path: path.resolve(__dirname, 'dist'), + filename: isProduction ? '[name].[contenthash].js' : '[name].js', clean: true, }, optimization: { - minimize: true, + minimize: !isProduction, minimizer: [new TerserPlugin({})], removeAvailableModules: false, removeEmptyChunks: false, @@ -59,8 +61,8 @@ const config = { }), }), new MiniCssExtractPlugin({ - filename: '[name].css', - chunkFilename: '[id].css', + filename: isProduction ? '[name].[contenthash].css' : '[name].css', + chunkFilename: isProduction ? '[id].[contenthash].css' : '[id].css', }), // new MonacoWebpackPlugin({ @@ -121,7 +123,6 @@ const config = { }; module.exports = () => { - console.log('isProduction', isProduction); if (isProduction) { config.mode = 'production'; } else {