exclude sourcemap and ignore images in production build.

Author: rebornix

.vscodeignore

@@ -5,4 +5,7 @@ preview-src/**
 node_modules/**
 .gitignore
 tsconfig.json
-*.vsix
+*.vsix
+media/*.map
+.readme/**
+documentation/**

package.json

@@ -249,10 +249,10 @@
     }
   },
   "scripts": {
-    "vscode:prepublish": "tsc -p ./ && webpack --mode production",
+    "vscode:prepublish": "webpack --env.production",
     "postinstall": "node ./node_modules/vscode/bin/install",
     "compile": "tsc -p ./",
-    "watch": "webpack --watch --mode development",
+    "watch": "webpack --watch --env.development",
     "test": "node ./node_modules/mocha/bin/_mocha --timeout 1000 --colors ./out/test/**/*.js"
   },
   "devDependencies": {

webpack.config.js

@@ -8,70 +8,89 @@
 const path = require('path');
 const webpack = require('webpack');
 
-/** @type webpack.Configuration */
-const webview = {
-	name: 'webiew',
-	entry: {
-		index: './preview-src/index.ts'
-	},
-	module: {
-		rules: [
-			{
-				test: /\.tsx?$/,
-				use: 'ts-loader',
-				exclude: /node_modules/
-			},
-			{
-				test: /\.css/,
-				use: ['style-loader', 'css-loader']
-			}
-		]
-	},
-	resolve: {
-		extensions: ['.tsx', '.ts', '.js']
-	},
-	devtool: 'inline-source-map',
-	output: {
-		filename: '[name].js',
-		path: path.resolve(__dirname, 'media')
-	}
-};
+function getWebviewConfig(env) {
+	/** @type webpack.Configuration */
+	let webview = {
+		name: 'webiew',
+		mode: env.production ? 'production' : 'development',
+		entry: {
+			index: './preview-src/index.ts'
+		},
+		module: {
+			rules: [
+				{
+					test: /\.tsx?$/,
+					use: 'ts-loader',
+					exclude: /node_modules/
+				},
+				{
+					test: /\.css/,
+					use: ['style-loader', 'css-loader']
+				}
+			]
+		},
+		resolve: {
+			extensions: ['.tsx', '.ts', '.js']
+		},
+		devtool: !env.production ? 'inline-source-map' : undefined,
+		output: {
+			filename: '[name].js',
+			path: path.resolve(__dirname, 'media')
+		}
+	};
+
+	return webview;
+}
 
-/** @type webpack.Configuration */
-const extension = {
-	name: 'extension',
-	target: 'node',
-	entry: {
-		extension: './src/extension.ts'
-	},
-	module: {
-		rules: [
-			{
-				test: /\.tsx?$/,
-				use: 'ts-loader',
-				exclude: /node_modules/
+/**
+ *
+ * @param {*} env
+ * @returns webpack.Configuration
+ */
+function getExtensionConfig(env) {
+	/** @type webpack.Configuration */
+	let config = {
+		name: 'extension',
+		mode: env.production ? 'production' : 'development',
+		target: 'node',
+		entry: {
+			extension: './src/extension.ts'
+		},
+		module: {
+			rules: [
+				{
+					test: /\.tsx?$/,
+					use: 'ts-loader',
+					exclude: /node_modules/
+				}
+			]
+		},
+		resolve: {
+			extensions: ['.tsx', '.ts', '.js'],
+			alias: {
+				"node-fetch": path.resolve(__dirname, 'node_modules/node-fetch/lib/index.js'),
 			}
-		]
-	},
-	resolve: {
-		extensions: ['.tsx', '.ts', '.js'],
-		alias: {
-			"node-fetch": path.resolve(__dirname, 'node_modules/node-fetch/lib/index.js'),
-		}
-	},
-	devtool: 'source-map',
-	output: {
-		filename: '[name].js',
-		path: path.resolve(__dirname, 'media'),
-		libraryTarget: "commonjs",
-		devtoolModuleFilenameTemplate: 'file:///[absolute-resource-path]'
-	},
-	externals: {
-		'vscode': 'commonjs vscode',
-		'utf-8-validate': 'utf-8-validate',
-		'bufferutil': 'bufferutil',
-		'encoding': 'encoding'
-	},
-};
+		},
+		devtool: !env.production ? 'source-map' : undefined,
+		output: {
+			filename: '[name].js',
+			path: path.resolve(__dirname, 'media'),
+			libraryTarget: "commonjs",
+			devtoolModuleFilenameTemplate: 'file:///[absolute-resource-path]'
+		},
+		externals: {
+			'vscode': 'commonjs vscode',
+			'utf-8-validate': 'utf-8-validate',
+			'bufferutil': 'bufferutil',
+			'encoding': 'encoding'
+		},
+	};
+
+	return config;
+}
 
-module.exports = [webview, extension];
+module.exports =  function(env) {
+	env = env || {};
+	env.production = !!env.production;
+	return [getExtensionConfig(env), getWebviewConfig(env)];
+};