thecodingmachine / tdbm

webpack.config.js

let libraryName = "TCM-couscous-theme";

The variable libraryName seems to be never used. Consider removing it.

let path = require("path");
let webpack = require("webpack");
let ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
    entry: path.resolve(__dirname, './app.js'),
    output: {
        path: './assets/',
        filename: 'app.bundle.js',
        publicPath: ''
        //library: libraryName,
        //libraryTarget: 'umd',
        //umdNamedDefine: true
    },
    devtool: 'source-map',
    module: {
        loaders: [
            { test: /\.css$/, loader: ExtractTextPlugin.extract({ fallback:'style-loader', use:'css-loader'}) },
            { test: /\.less$/, loader: ExtractTextPlugin.extract({ fallback:'style-loader', use:'css-loader!less-loader'}) },
            { test: /\.png$/, loader: "url-loader?limit=100000",
                query: {
                    name: 'images/[name].[ext]'
                }},
            { test: /\.jpg$/, loader: "file-loader",
                query: {
                    name: 'images/[name].[ext]'
                }},
            { test: /\.gif$/, loader: "file-loader",
                query: {
                    name: 'images/[name].[ext]'
                }},
            { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader",
                query: {
                    limit: 10000,
                    mimetype: 'application/font-woff',
                    name: 'fonts/[name].[ext]'
                }},
            { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader",
                query: {
                    limit: 10000,
                    name: 'fonts/[name].[ext]'
                }},

            /*{ test: /\.(woff2?|ttf|eot|svg)$/, loader: 'url-loader?limit=10000' },*/
            { test: /\.js$/, loader: "babel-loader", query: {cacheDirectory: true, presets: [__dirname+"/node_modules/babel-preset-es2015"]}}

Consider using the path module for constructing paths since they are otherwise not cross-OS compatible.

        ]
    },
    plugins: [
        // Hack to not bundle all languages from highlight.js to reduce bundle size.
        // See: https://bjacobel.com/2016/12/04/highlight-bundle-size/
        new webpack.ContextReplacementPlugin(
            /highlight\.js\/lib\/languages$/,
            new RegExp(`^./(${['javascript', 'php', 'bash', 'sql', 'css', 'less', 'json'].join('|')})$`)
        ),
        /*new webpack.ProvidePlugin({
            hljs: "jquery",
            jQuery: "jquery"
        })*/
        //new webpack.optimize.CommonsChunkPlugin("init.js"),
        // Extracts the CSS in CSS files (otherwise it would be bundled in the JS!)
        new ExtractTextPlugin("[name].css")
    ],
    resolve: {
        alias: {
            "hljs": path.join(__dirname, "node_modules/highlightjs/highlight.pack")
        //    'vue$': 'vue/dist/vue.common.js',
        //    '_components':  path.resolve(__dirname, './membership/src/components')
        }
    }//,
    //vue: {}
};