nice-ui/lib/docs/webpack.config.js

React design system, components, and utilities

"use strict";
/* eslint-disable */
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
const PORT = 9964;
module.exports = {
    mode: 'development',
    devtool: 'inline-source-map',
    entry: {
        bundle: __dirname + '/main.tsx',
    },
    module: {
        rules: [
            {
                test: /\.tsx?$/,
                use: 'ts-loader',
                exclude: /node_modules/,
            },
            {
                test: /\.md$/i,
                use: 'raw-loader',
            },
        ],
    },
    resolve: {
        extensions: ['.tsx', '.ts', '.js'],
    },
    output: {
        filename: '[name].js',
        chunkFilename: '[name].js',
        sourceMapFilename: '[file].map',
        asyncChunks: true,
        path: path.resolve(__dirname, 'dist'),
        publicPath: `http://localhost:${PORT}/`,
    },
    plugins: [
        new ForkTsCheckerWebpackPlugin(),
        new HtmlWebpackPlugin({
            title: 'Nice UI',
        }),
    ],
    devServer: {
        port: PORT,
        hot: false,
        historyApiFallback: {
            index: '',
            disableDotRule: true,
        },
    },
};