webpack.config.js

"use strict";
const path = require("path");
const webpack = require("webpack");
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const ClosureCompiler = require("google-closure-compiler-js").webpack;

module.exports = {
  context: __dirname + "/source",
  entry: {
    site: "./javascripts/all.js",
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        use: [{
          loader: "babel-loader",
          options: { presets: ["es2015"] }
        }],
      },
      {
        test: /\.(sass|scss)$/,
        use: [{
          loader: ExtractTextPlugin.extract({
            fallbackLoader: ["style-loader"],
            loader: [
              {
                loader: "css-loader",
                options: { minimize: true, },
              },
              {
                loader: "sass-loader",
                options: { outputStyle: "compressed", },
              },
            ],
          }), //end ExtractTextPlugin loader
        }],
      },
    ],//end rules
  },
  output: {
    path: __dirname + "/build/javascripts",
    filename: "[name].bundle.js",
  },
  plugins: [
    new ExtractTextPlugin({
      filename: "../stylesheets/[name].bundle.css",
      allChunks: true,
    }),
    new ClosureCompiler({
      options: {
        processCommonJsModules: true,
        createSourceMap: true,
        languageIn: "ECMASCRIPT6",
        languageOut: "ECMASCRIPT5",
        compilationLevel: "ADVANCED",
        warningLevel: "QUIET",
      },
    })
  ],
};