webpack.test.config.js

var path = require('path');
var webpack = require('webpack');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var HtmlWebpackPlugin = require('html-webpack-plugin');

var extractLess = new ExtractTextPlugin({
    filename: "bundle[chunkHash].css",
    disable: false,
    allChunks: true
});
var extractCss = new ExtractTextPlugin({
    filename: "vendor[chunkHash].css",
    disable: false
});

module.exports = {
    entry: {
        app: './tests/index.js'
    },
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: '[name][chunkHash].js',
        library: 'index',
        libraryTarget: 'umd'
    },
    module: {
        rules: [{
            test: /\.ts$/,
            include: [
                path.resolve(__dirname, 'index.ts'),
                path.resolve(__dirname, 'ane-util.ts'),
                path.resolve(__dirname, 'components'),
                path.resolve(__dirname, 'tests')
            ],
            loader: 'ts-loader',
            options: { appendTsSuffixTo: [/\.md$/] }
        }, {
            test: /\.less$/,
            include: [
                path.resolve(__dirname, 'styles'),
                path.resolve(__dirname, 'components')
            ],
            use: extractLess.extract({
                use: [{
                    loader: 'css-loader'
                }, {
                    loader: 'less-loader'
                }]
            })
        }, {
            test: /\.css$/,
            include: [
                path.resolve(__dirname, 'components'),
                path.resolve(__dirname, 'node_modules')
            ],
            use: extractCss.extract({
                use: [{
                    loader: 'css-loader'
                }]
            })
        }, {
            test: /\.html$/,
            include: [
                path.resolve(__dirname, 'components')
            ],
            use: [
                {
                    loader: 'raw-loader'
                },
                {
                    loader: 'string-replace-loader',
                    query: {
                        multiple: [
                            { search: '\r', replace: '', flags: 'g' }
                        ]
                    }
                }
            ]
        }, {
            test: /\.(eot|otf|ttf|woff|woff2|svg|png|gif)\w*/,
            include: [
                path.resolve(__dirname, 'components'),
                path.resolve(__dirname, 'node_modules')
            ],
            loader: 'file-loader',
            query: {
                limit: 1,
                name: '[name].[ext]'
            }
        }, {
            test: /\.md$/,
            include: [
                path.resolve(__dirname, 'components'),
            ],
            use: [
                { loader: 'ane-markdown-loader', options: { highlight: false } }
            ]
        }]
    },
    resolve: {
        mainFields: ['browser', 'main'],
        extensions: ['.js', '.ts', '.less', '.md'],
        alias: {
            ane: path.resolve(__dirname, "index.ts")
        }
    },
    plugins: [
        extractLess,
        extractCss,
        new HtmlWebpackPlugin({
            template: 'tests/index.html'
        }),
        new webpack.optimize.CommonsChunkPlugin({
            name: 'vendor',
            minChunks: function (module) {
                return module.context && module.context.indexOf('node_modules') !== -1;
            }
        }),
        new webpack.optimize.CommonsChunkPlugin({
            name: 'manifest'
        })
    ],
    devServer: {
        contentBase: path.join(__dirname, "dist"),
        compress: true,
        port: 9000,
        watchOptions: {
            ignored: /node_modules/
        }
    },
    devtool: 'inline-source-map'
};