webpack configをTypeScriptで書く

webpack: 5~

まずはTSとWebpack環境の初期化。

必要なもののインストール

code:sh

npm i -D ts-node @types/webpack

code:webpack.config.ts

import { Configuration } from 'webpack'

import path from 'path'

const config: Configuration = {

context: path.join(__dirname, 'src'),

entry: './index.ts',

output: {

path: path.join(__dirname, 'dist'),

filename: 'index.js'

},

module: {

rules: [

{

test: /.ts$/,

use: 'ts-loader',

exclude: '/node_modules/'

}

]

},

resolve: {

},

}

export default config