121 lines
3.3 KiB
JavaScript
121 lines
3.3 KiB
JavaScript
//@ts-check
|
|
|
|
'use strict';
|
|
|
|
const path = require('path');
|
|
const HtmlWebpackPlugin = require('html-webpack-plugin');
|
|
const { DefinePlugin } = require('webpack');
|
|
const CopyWebpackPlugin = require('copy-webpack-plugin');
|
|
|
|
//@ts-check
|
|
/** @typedef {import('webpack').Configuration} WebpackConfig **/
|
|
|
|
/** @type WebpackConfig */
|
|
const extensionConfig = {
|
|
target: 'node', // VS Code extensions run in a Node.js-context 📖 -> https://webpack.js.org/configuration/node/
|
|
mode: 'none', // this leaves the source code as close as possible to the original (when packaging we set this to 'production')
|
|
|
|
entry: {
|
|
extension: './src/extension.ts', // the entry point of this extension, 📖 -> https://webpack.js.org/configuration/entry-context/
|
|
index: './src/views/index.tsx'
|
|
},
|
|
output: {
|
|
// the bundle is stored in the 'dist' folder (check package.json), 📖 -> https://webpack.js.org/configuration/output/
|
|
path: path.resolve(__dirname, 'dist'),
|
|
filename: '[name].js',
|
|
libraryTarget: 'commonjs2'
|
|
},
|
|
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/
|
|
// modules added here also need to be added in the .vscodeignore file
|
|
},
|
|
resolve: {
|
|
// support reading TypeScript and JavaScript files, 📖 -> https://github.com/TypeStrong/ts-loader
|
|
extensions: ['.ts', '.tsx', '.js', '.json']
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.tsx?$/,
|
|
exclude: /node_modules/,
|
|
use: [
|
|
{
|
|
loader: 'babel-loader',
|
|
options: {
|
|
presets: [
|
|
'@babel/preset-env',
|
|
'@babel/preset-react',
|
|
'@babel/preset-typescript'
|
|
]
|
|
}
|
|
},
|
|
{
|
|
loader: 'ts-loader'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
test: /\.jsx?$/,
|
|
use: 'babel-loader',
|
|
exclude: /node_modules/,
|
|
},
|
|
{
|
|
test: /\.css$/i,
|
|
use: [
|
|
{
|
|
loader: 'style-loader',
|
|
},
|
|
{
|
|
loader: 'css-loader',
|
|
options: {
|
|
modules: {
|
|
localIdentName: '[name]__[local]___[hash:base64:5]'
|
|
}
|
|
}
|
|
}
|
|
],
|
|
include: /views/
|
|
},
|
|
{
|
|
test: /\.json$/i,
|
|
use: 'json-loader',
|
|
type: 'asset/source'
|
|
},
|
|
{
|
|
test: /\.(png|jpe?g|gif|svg)$/i,
|
|
use: [
|
|
{
|
|
loader: 'url-loader',
|
|
options: {
|
|
limit: 8192,
|
|
},
|
|
},
|
|
],
|
|
}
|
|
]
|
|
},
|
|
devtool: 'nosources-source-map',
|
|
infrastructureLogging: {
|
|
level: "log", // enables logging required for problem matchers
|
|
},
|
|
plugins: [
|
|
// generate an HTML file that includes the extension's JavaScript file
|
|
new HtmlWebpackPlugin({
|
|
template: path.resolve(__dirname, 'src', 'views', 'index.html'),
|
|
filename: 'index.html',
|
|
chunks: ['index']
|
|
}),
|
|
new CopyWebpackPlugin({
|
|
patterns: [
|
|
{ from: 'assets', to: 'assets' },
|
|
],
|
|
}),
|
|
// define global variables
|
|
new DefinePlugin({
|
|
'process.env.NODE_ENV': JSON.stringify('development')
|
|
})
|
|
]
|
|
};
|
|
|
|
module.exports = [extensionConfig];
|