-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.config.js
99 lines (97 loc) · 2.68 KB
/
webpack.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
//@ts-check
("use strict");
// eslint-disable-next-line @typescript-eslint/naming-convention
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
// eslint-disable-next-line @typescript-eslint/naming-convention
const CopyWebpackPlugin = require("copy-webpack-plugin");
const path = require("path");
/**@type {import('webpack').Configuration}*/
const config = {
// vscode extensions run in webworker context for VS Code web
target: "webworker",
entry: {
// The entry point of this extension.
extension: {
import: "./src/extension.ts",
library: {
type: "commonjs2",
},
},
// The entry point of the asset viewer webview.
wvViewer: {
import: "./src/wvViewer.ts",
library: {
name: "AssetViewer",
type: "var",
},
},
// The entry point of the asset digest webview.
wvDigest: {
import: "./src/wvDigest.ts",
library: {
name: "AssetDigest",
type: "var",
},
},
},
output: {
path: path.resolve(__dirname, "dist"),
filename: "[name].js",
devtoolModuleFilenameTemplate: "../[resource-path]",
},
devtool: "inline-source-map",
externals: {
// the vscode-module is created on-the-fly and must be excluded. Add other modules that cannot
// be webpack'ed
vscode: "commonjs vscode",
},
resolve: {
// look for `browser` entry point in imported node modules
mainFields: ["browser", "module", "main"],
extensions: [".ts", ".tsx", ".js"],
alias: {
// provides alternate implementation for node module and source files
},
fallback: {
// Webpack 5 no longer polyfills Node.js core modules automatically.
// see https://webpack.js.org/configuration/resolve/#resolvefallback
// for the list of Node.js core module polyfills.
},
},
module: {
rules: [
{
test: /\.tsx?$/,
exclude: /node_modules/,
use: [{ loader: "ts-loader" }],
},
{
// Combine .ts => .js source maps with webpack source maps.
test: /\.js$/,
enforce: "pre",
use: ["source-map-loader"],
},
{
test: /\.s?css$/,
use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"],
},
{
test: /\.svg$/,
type: "asset/resource",
},
],
},
plugins: [
new MiniCssExtractPlugin(),
new CopyWebpackPlugin({
patterns: [
{ from: "static" },
{
from: path.join("node_modules", "@vscode", "codicons", "dist"),
to: "codicons",
},
],
}),
],
};
module.exports = config;