webpack.config.js

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

const node_path = path.join(__dirname, 'node_modules');
const ManifestPlugin = require('webpack-manifest-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

const css_loader = ExtractTextPlugin.extract('vue-style?sourceMap', 'css?sourceMap');
const less_loader = ExtractTextPlugin.extract('vue-style?sourceMap', 'css?sourceMap!less?sourceMap=source-map-less-inline');

const languages = ['en', 'es', 'fr', 'pt', 'sr'];
const public_path = '/static/';

module.exports = {
    entry: {
        admin: './js/admin.js',
    },
    output: {
        path: path.join(__dirname, 'udata', 'static'),
        publicPath: public_path,
        filename: '[name].[hash].js',
        chunkFilename: 'chunks/[id].[chunkhash].js'
    },
    resolve: {
        root: [
            __dirname,
            path.join(__dirname, 'js'),
        ],
        alias: {
            'jquery-slimscroll': path.join(node_path, 'jquery-slimscroll/jquery.slimscroll'),
        }
    },
    devtool: 'eval-source-map',
    module: {
        loaders: [
            {test: /\.(jpg|jpeg|png|gif|svg)$/, loader: 'file-loader'},
            {test: /\.css$/, loader: css_loader},
            {test: /\.less$/, loader: less_loader},
            {test: /\.vue$/, loader: 'vue-loader'},
            {test: /\.json$/, loader: 'json-loader'},
            {test: /\.(woff|svg|ttf|eot|otf)([\?]?.*)$/, exclude: /img/, loader: 'file-loader?name=[name].[ext]'},
            {test: /\.js$/, loader: 'babel-loader', include: [
                    path.resolve(__dirname, 'js'),
                    path.resolve(__dirname, 'node_modules/vue-strap/src'),
                ]
            }
        ]
    },
    vue: {
        loaders: {
            css: 'vue-style?sourceMap!css?sourceMap',
            less: 'vue-style?sourceMap!css?sourceMap!less?sourceMap=source-map-less-inline',
            js: 'babel-loader'
        }
    },
    babel: {
        presets: ['env'],
        comments: false,
        plugins: [
            ['transform-builtin-extend', {globals: ['Error']}],
            'transform-runtime',
        ]
    },
    // Store initial values for easier inheritance
    defaults: {
        languages,
    },
    plugins: [
        // Prevent webpack 1.x false positive
        require('webpack-fail-plugin'),
        // Fix AdminLTE packaging
        new webpack.NormalModuleReplacementPlugin(
            /admin-lte\/build\/img\/boxed-bg\.jpg$/,
            'admin-lte/dist/img/boxed-bg.jpg'
        ),
        new webpack.ProvidePlugin({
            jQuery: 'jquery',  // Required by bootstrap.js
            'window.jQuery': 'jquery',  // Required by swagger.js jquery client
        }),
        new ManifestPlugin({
            fileName: path.join(__dirname, 'udata', 'manifest.json'),
            // Filter out chunks and source maps
            filter: ({name, isInitial, isChunk}) => !name.endsWith('.map') && (isInitial || !isChunk),
            publicPath: public_path,
        }),
        new ExtractTextPlugin('[name].[contenthash].css'),
        // Only include needed translations
        new webpack.ContextReplacementPlugin(/moment\/locale$/, new RegExp('^' + languages.join('|') + '$')),
        new webpack.ContextReplacementPlugin(/locales$/, new RegExp(languages.join('|'))),
        new webpack.optimize.CommonsChunkPlugin({
            name: 'common',
            minChunks: 10,  // (Modules must be shared between 10 entries)
        })
    ],
    node: {
        fs: 'empty',
        net: 'empty',
        tls: 'empty'
    }
};