You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.4 KiB
56 lines
1.4 KiB
import { Configuration } from 'webpack'
|
|
import HtmlWebpackPlugin from 'html-webpack-plugin'
|
|
import MiniCssExtractPlugin from 'mini-css-extract-plugin'
|
|
|
|
const config: Configuration = {
|
|
devtool: 'eval-source-map',
|
|
entry: {
|
|
app: `${__dirname}/src/app.tsx`
|
|
},
|
|
output: {
|
|
path: `${__dirname}/dist`,
|
|
publicPath: '/',
|
|
filename: '[name].js',
|
|
},
|
|
devServer: {
|
|
contentBase: `${__dirname}/dist`,
|
|
historyApiFallback: true,
|
|
},
|
|
resolve: {
|
|
extensions: ['.ts', '.tsx', '.js'],
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.ts(x?)$/,
|
|
exclude: /node_modules/,
|
|
use: 'ts-loader',
|
|
},
|
|
{
|
|
test: /\.scss$/,
|
|
use: [
|
|
MiniCssExtractPlugin.loader,
|
|
'css-loader',
|
|
{
|
|
loader: 'sass-loader',
|
|
options: {
|
|
sourceMap: true,
|
|
},
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
plugins: [
|
|
new HtmlWebpackPlugin({
|
|
title: 'Flexor',
|
|
hash: true,
|
|
template: 'src/index.ejs',
|
|
}),
|
|
new MiniCssExtractPlugin({
|
|
filename: '[name].css',
|
|
}),
|
|
],
|
|
}
|
|
|
|
export default config
|