bundling extension using webpack

Author: justjavac

.gitignore

@@ -1,3 +1,4 @@
 out
+dist
 node_modules
 *.vsix

.vscode/launch.json

@@ -11,7 +11,7 @@
       "request": "launch",
       "runtimeExecutable": "${execPath}",
       "args": ["--extensionDevelopmentPath=${workspaceFolder}"],
-      "outFiles": ["${workspaceFolder}/out/**/*.js"],
+      "outFiles": ["${workspaceFolder}/dist/**/*.js"],
       "preLaunchTask": "npm: watch"
     }
   ]

.vscodeignore

@@ -7,6 +7,9 @@ src/**
 **/*.map
 *.vsix
 
+node_modules
+out/
+
 images/**/*.gif
 images/**/*.png
 
@@ -20,6 +23,7 @@ images/**/*.png
 
 tsconfig*.json
 package-lock.json
+webpack.config.js
 
 CODE_OF_CONDUCT.md
 CODING_STANDARDS.md

package.json

@@ -2,7 +2,7 @@
   "name": "vscode-deno",
   "displayName": "%deno.displayName%",
   "description": "%deno.description%",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "publisher": "justjavac",
   "icon": "deno.png",
   "galleryBanner": {
@@ -41,7 +41,7 @@
     "onCommand:deno.enable",
     "onCommand:deno.disable"
   ],
-  "main": "./out/extension.js",
+  "main": "./dist/extension",
   "contributes": {
     "typescriptServerPlugins": [
       {
@@ -128,16 +128,20 @@
     ]
   },
   "scripts": {
-    "vscode:prepublish": "yarn compile",
+    "vscode:prepublish": "webpack --mode production",
     "postinstall": "node ./node_modules/vscode/bin/install",
-    "watch": "tsc -watch -p ./",
-    "compile": "tsc -p ./"
+    "compile": "webpack --mode none",
+    "watch": "webpack --mode none --watch"
   },
   "devDependencies": {
     "@types/node": "^10.12.18",
+    "@types/webpack": "^4.4.25",
     "@types/which": "^1.3.1",
+    "ts-loader": "^5.3.3",
     "typescript": "^3.2.4",
-    "vscode": "^1.1.27"
+    "vscode": "^1.1.27",
+    "webpack": "^4.29.6",
+    "webpack-cli": "^3.2.3"
   },
   "dependencies": {
     "typescript-deno-plugin": "^1.1.0",

webpack.config.js

@@ -0,0 +1,46 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+//@ts-check
+
+"use strict";
+
+const path = require("path");
+
+/**@type {import('webpack').Configuration}*/
+const config = {
+  target: "node", // vscode extensions run in a Node.js-context 📖 -> https://webpack.js.org/configuration/node/
+
+  entry: "./src/extension.ts", // the entry point of this extension, 📖 -> https://webpack.js.org/configuration/entry-context/
+  output: {
+    // the bundle is stored in the 'dist' folder (check package.json), 📖 -> https://webpack.js.org/configuration/output/
+    path: path.resolve(__dirname, "dist"),
+    filename: "extension.js",
+    libraryTarget: "commonjs2",
+    devtoolModuleFilenameTemplate: "../[resource-path]"
+  },
+  devtool: "source-map",
+  externals: {
+    vscode: "commonjs vscode" // the vscode-module is created on-the-fly and must be excluded. Add other modules that cannot be webpack'ed, 📖 -> https://webpack.js.org/configuration/externals/
+  },
+  resolve: {
+    // support reading TypeScript and JavaScript files, 📖 -> https://github.com/TypeStrong/ts-loader
+    extensions: [".ts", ".js"]
+  },
+  module: {
+    rules: [
+      {
+        test: /\.ts$/,
+        exclude: /node_modules/,
+        use: [
+          {
+            loader: "ts-loader"
+          }
+        ]
+      }
+    ]
+  }
+};
+module.exports = config;