kea-react/test/webpack.config.js

Componentes comunes de react

const ExtractTextPlugin = require("extract-text-webpack-plugin");
const extractCSS = new ExtractTextPlugin("styles.css");
const HtmlWebpackPlugin = require('html-webpack-plugin');

const path = require("path");
const webpack = require('webpack');
const production = [
    new webpack.DefinePlugin({
        'process.env': {
            NODE_ENV: JSON.stringify('production')
        }
    }),
];

const config = {
    entry: ["test/index.tsx"],
    output: {
        path: __dirname + "/www",
        filename: "bundle.js",
        devtoolModuleFilenameTemplate: "./[resource-path]"
    },
    resolve: {
        modules: [
            path.resolve("."),
            "node_modules",
        ],
        extensions: [".ts", ".tsx", ".js"]
    },
    devtool: "source-map",
    module: {
        rules: [
            {
                test: /\.tsx?$/,
                use: [
                    {
                        loader: "awesome-typescript-loader",
                        options: {
                            configFileName: "test/tsconfig.json"
                        }
                    }
                ]
            },
            /**CSS */
            {
                test: /\.css$/,
                use: extractCSS.extract(["css-loader"])
            },
            /**LESS */
            {
                test: /\.less$/,
                use: extractCSS.extract(["css-loader", "less-loader"])
            },
            /**Other files */
            {
                test: /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
                loader: "file-loader"
            }
        ]
    },
    plugins: [
        extractCSS,
        new HtmlWebpackPlugin({
            template: "test/index_template.html",
            filename: "index.html",
            hash: true
        })
    ]
}

module.exports = config;