@npm.tangocode/tc_ui_components/config/dev/webpack.config.js

[<img src="https://s3.amazonaws.com/tc-ui-components/documentationImages/tangoCodeLogo.png">](https://tangocode.com/) # TangoCode React UI Components #

const path = require("path");

const sourcePath = path.join(__dirname, "/src");
const outPath = path.join(__dirname, "/dist");

module.exports = {
    context: sourcePath,
    entry: "./app.tsx",
    module: {
        rules: [{
                test: /\.tsx?$/,
                use: "ts-loader",
                exclude: /node_modules/,
            },
            {
                test: /\.css$/,
                exclude: /node_modules/,
                loaders: ['style-loader', 'css-loader']
            },
            // static assets
            {
                test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                loader: "url-loader?limit=10000&mimetype=application/font-woff"
            },
            {
                test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                loader: "file-loader"
            },
            {
                test: /\.html$/,
                use: 'html-loader'
            },
            {
                test: /\.png$/,
                use: 'url-loader?limit=10000'
            },
            {
                test: /\.jpg$/,
                use: 'file-loader'
            },
            {
                test: /\.ico$/,
                use: 'file-loader?name=[name].[ext]'
            },
            {
                test: /\.md$/,
                loader: "ignore-loader",
            },
        ],
    },
    resolve: {
        extensions: [".tsx", ".ts", ".js"],
    },
    output: {
        filename: "bundle.js",
        path: outPath,
    },
    devServer: {
        contentBase: sourcePath,
        port: 3000,
        stats: {
            warnings: false,
        },
    },
};