webpack.config.js

const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const FileManagerPlugin = require('filemanager-webpack-plugin');
const webpack = require('webpack');
const CompressionPlugin = require('compression-webpack-plugin');
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
const { DuplicatesPlugin } = require("inspectpack/plugin");

const path = require('path');
const commonPlugins = [
  new webpack.HotModuleReplacementPlugin(),
  new webpack.optimize.LimitChunkCountPlugin({
      maxChunks:1
  }),
  new CleanWebpackPlugin(),
  new HtmlWebpackPlugin({template: 'index.html'}),
  new CompressionPlugin(),
  new FileManagerPlugin({
    onEnd : {
      copy: [
        {source: 'dist/*.js', destination: 'docs' },
        {source: 'dist/*.woff2', destination: 'docs' }
      ]
    }
  })
]

if(process.env.NODE_ENV === 'production') {
  console.log('BUILDING FOR PRODUCTION ... ')
  commonPlugins.push(new BundleAnalyzerPlugin({analyzerMode:'static'}));
  commonPlugins.push(new DuplicatesPlugin({emitErrors: false, verbose: true}));
}

module.exports = {
    entry: './src/index.js',
    node: {fs: 'empty'},
    externals: {
      'esprima': 'esprima',
      'native-promise-only':'native-promise-only',
      'commander':'commander',
      'yargs':'yargs',
    },
    optimization: {
      splitChunks: {
        chunks: 'all'
      }
    },
    
    devtool: 'cheap-module-source-map',
    output: {
      path: path.join(__dirname, "dist"),
      filename: 'rapidoc-min.js',
    },
    devServer: {
        contentBase: path.join(__dirname, 'docs'),
        port: 8080,
        hot: true
    },
    module: {
        rules: [
          {
            test: /\.js$/,
            exclude: /node_modules/,
            use: [
              { loader: 'babel-loader'}
            ]
          },
          {
            test: /\.scss$/,
            use: [
                { loader: "style-loader"}, // creates style nodes in HTML from CommonJS strings
                { loader: "css-loader" },  // translates CSS into CommonJS
                { loader: "sass-loader"}   // compiles Sass to CSS
            ]
          },
          {
            test: /\.(woff|woff2|eot|ttf|otf)$/,
            use: [{
              loader:"file-loader",
              options:{
                  name: '[name].[ext]'
              }
            }]
          }
        ]
    },
    resolve: {
      alias: {
        "@": path.resolve(__dirname, 'src')
      }
    },
    plugins: commonPlugins
}