fix: build mode

Author: antfu

package.json

@@ -23,7 +23,7 @@
     "gh:release": "conventional-github-releaser -p angular",
     "build": "rimraf dist && nr i18n:build && nr main:build && nr editor:build && esno scripts/post-build.ts",
     "dev": "run-p *:dev",
-    "main:build": "cross-env NODE_ENV=production webpack --mode production",
+    "main:build": "cross-env NODE_ENV=production webpack --mode development",
     "main:dev": "webpack --mode development --watch --info-verbosity verbose",
     "editor:build": "parcel build src/webview/src/index.html --out-dir dist/editor",
     "editor:dev": "nodemon -w src/webview/src -e js,ts,vue,html --exec \"nr editor:build\"",
@@ -78,8 +78,8 @@
     "@antfu/ni": "^0.7.0",
     "@antfu/utils": "^0.1.6",
     "@babel/types": "^7.14.2",
-    "@types/chai-jest-snapshot": "^1.3.6",
     "@types/chai": "^4.2.18",
+    "@types/chai-jest-snapshot": "^1.3.6",
     "@types/diff": "^5.0.0",
     "@types/fs-extra": "^9.0.11",
     "@types/gettext-parser": "^4.0.0",
@@ -130,7 +130,8 @@
     "vuex": "^3.6.2",
     "webpack": "^4.46.0",
     "webpack-cli": "^3.3.12",
-    "webpack-filter-warnings-plugin": "^1.2.1"
+    "webpack-filter-warnings-plugin": "^1.2.1",
+    "webpack-plugin-replace": "^1.2.0"
   },
   "engines": {
     "vscode": "^1.52.0"

src/core/Config.ts

@@ -517,7 +517,7 @@ export class Config {
   static get libreTranslateApiRoot() {
     return this.getConfig<string | null | undefined>('translate.libre.apiRoot')
   }
-  
+
   static get telemetry(): boolean {
     return workspace.getConfiguration().get('telemetry.enableTelemetry') as boolean
   }

src/env.ts

@@ -1,3 +1,5 @@
-export const isProd = process.env.NODE_ENV === 'production'
+// @ts-expect-error
+export const isProd = __PROD__
 export const isDev = !isProd
-export const isTest = process.env.NODE_ENV === 'test'
+// @ts-expect-error
+export const isTest = __TEST__

webpack.config.js

@@ -5,6 +5,7 @@
 const path = require('path')
 const FilterWarningsPlugin = require('webpack-filter-warnings-plugin')
 const { TsconfigPathsPlugin } = require('tsconfig-paths-webpack-plugin')
+const ReplacePlugin = require('webpack-plugin-replace')
 
 /** @type {import('webpack').Configuration} */
 const config = {
@@ -56,6 +57,16 @@ const config = {
     new FilterWarningsPlugin({
       exclude: /Critical dependency: the request of a dependency is an expression/,
     }),
+    new ReplacePlugin({
+      exclude: [
+        /node_modules/,
+      ],
+      values: {
+        '__PROD__': process.env.NODE_ENV === 'production',
+        '__TEST__': process.env.NODE_ENV === 'test'
+      }
+    })
   ],
 }
+
 module.exports = config

yarn.lock

@@ -11150,6 +11150,11 @@ webpack-filter-warnings-plugin@^1.2.1:
   resolved "https://registry.yarnpkg.com/webpack-filter-warnings-plugin/-/webpack-filter-warnings-plugin-1.2.1.tgz#dc61521cf4f9b4a336fbc89108a75ae1da951cdb"
   integrity sha512-Ez6ytc9IseDMLPo0qCuNNYzgtUl8NovOqjIq4uAU8LTD4uoa1w1KpZyyzFtLTEMZpkkOkLfL9eN+KGYdk1Qtwg==
 
+webpack-plugin-replace@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/webpack-plugin-replace/-/webpack-plugin-replace-1.2.0.tgz#3f20db96237400433231e35ea76d9be3f7128916"
+  integrity sha512-1HA3etHpJW55qonJqv84o5w5GY7iqF8fqSHpTWdNwarj1llkkt4jT4QSvYs1hoaU8Lu5akDnq/spHHO5mXwo1w==
+
 webpack-sources@^1.4.0, webpack-sources@^1.4.1:
   version "1.4.3"
   resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"