webpack-merge-and-include-globally/webpack.config.js

Merge multiple files (js,css..) into single file to include somewhere

const path = require('path');
const uglifyJS = require('uglify-js');
const CleanCSS = require('clean-css');
const MergeIntoSingle = require('./index.node6-compatible.js');
// const MergeIntoSingle = require('./index.js');

// Webpack Config
const webpackConfig = {
  devServer: {
    contentBase: path.join(__dirname, 'example'),
    compress: true,
    port: 3000,
    open: true,
  },
  mode: 'none',
  entry: ['./example/main.js'],
  devtool: 'cheap-module-source-map',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, './dist'),
  },
  resolve: {
    extensions: ['.js', '.css'],
  },
  plugins: [

    new MergeIntoSingle({
      files: [{
        src: [
          'node_modules/jquery/**/*.min.js',
          'node_modules/classnames/index.js',
          'node_modules/humps/humps.js',
        ],
        dest: (code) => {
          const min = uglifyJS.minify(code, {
            sourceMap: {
              filename: 'vendor.js',
              url: 'vendor.js.map',
            },
          });
          return {
            'vendor.js': min.code,
            'vendor.js.map': min.map,
          };
        },
      }, {
        src: ['example/test.css'],
        dest: (code) => ({
          'style.css': new CleanCSS({}).minify(code).styles,
        }),
      }],

      // also possible:

      // files:{
      //   'vendor.js':[
      //     'node_modules/jquery/**/*.min.js',
      //     'node_modules/classnames/index.js',
      //     'node_modules/humps/humps.js',
      //   ],
      //     'style.css':[
      //     'example/test.css',
      //   ]
      // },
      // transform:{
      //   'vendor.js': code => uglifyJS.minify(code).code,
      //   'style.css': code => new CleanCSS({}).minify(code).styles,
      // },

      hash: false,
    }, (filesMap) => {
      console.log('generated files: ', filesMap); // eslint-disable-line no-console
    }),
  ],
  module: {
    rules: [
      { test: /\.html$/, loader: 'raw-loader' },
    ],
  },
};

module.exports = webpackConfig;