webpack.config for inline css and html

gistfile1.txt

const path = require('path');
var HtmlWebpackInlineSourcePlugin = require('html-webpack-inline-source-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
	entry: './src/directoryFile/directoryFile.ts',
	output: {
		filename: 'directoryFile.js',
		path: path.resolve(__dirname, 'dist/directoryFile')
	},
	mode: 'production',
	module: {
		rules: [
			{
				test: /\.ts?$/,
				use: 'ts-loader',
				exclude: /node_modules/
			},
			{
				test: /\.css$/,
				use: ['style-loader', 'css-loader']
			}
		]
	},
	resolve: {
		extensions: ['.tsx', '.ts', '.js']
	},
	plugins: [
		new HtmlWebpackPlugin({
			inlineSource: '.(js|css)$',
			filename: 'directoryFile.html',
			// title: 'titleHere',
			template: 'src/directoryFile/directoryFileTemplate.html'
		}),
		new HtmlWebpackInlineSourcePlugin(),
	]
};