bim-select/webpack.common.js

A dropdown/select solution for Angular.js that handles millions of items without lag.

const webpack = require('webpack');
const path = require('path');

module.exports = {
    entry: path.resolve(__dirname, './src/bim-select.module.js'),
    output: {
        devtoolModuleFilenameTemplate: 'bs:///[resource-path]?[loaders]'
    },
    devtool: 'source-map',
    externals: {
        // Assume someone else loaded these.
        angular: 'angular',
        jquery: 'jQuery'
    },
    module: {
        rules: [{
            test: /\.js$/,
            exclude: /(node_modules|bower_components)/,
            loader: 'babel-loader',
        }, {
            test: /\.less$/,
            use: [{
                loader: "style-loader"
            }, {
                loader: "css-loader", options: {
                    sourceMap: true
                }
            }, {
                loader: "less-loader", options: {
                    sourceMap: true
                }
            }]
        }, {
            test: /\.html$/,
            use: [{
                loader: 'ngtemplate-loader', options: {
                    relativeTo: path.join(__dirname, 'src'),
                    prefix: './bim.select'
                }
            }, {
                loader: 'html-loader'
            }]
        }]
    }
};