webpack.config.js

/*
 * (C) Copyright IBM Corp. 2012, 2016 All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *	 http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
const DojoWebpackPlugin = require("dojo-webpack-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const TerserPlugin = require('terser-webpack-plugin');

var path = require("path");
var webpack = require("webpack");

module.exports = env => {
  const devmode = !!(env||{}).dev;
	console.log("devmode = " + devmode);
	return {
		context: __dirname,
		entry: "js/bootstrap",
		output: {
			path: path.join(__dirname, "release"),
			publicPath: "release/",
			pathinfo: true,
			filename: "bundle.js",
		},
		module: {
			rules: [{
				test: /\.(png)|(gif)$/,
				use: [
					{
						loader: 'url-loader',
						options: {
							limit: 100000
						}
					}
				]
			}]
		},
		plugins: [
			new DojoWebpackPlugin({
				loaderConfig: require("./js/loaderConfig"),
				environment: {dojoRoot: "release"},	// used at run time for non-packed resources (e.g. blank.gif)
				buildEnvironment: {dojoRoot: "node_modules"}, // used at build time
				locales: ["en"],
				noConsole: true
			}),

			// Copy non-packed resources needed by the app to the release directory
			new CopyWebpackPlugin({
				patterns: [
					{
						context: "node_modules",
						from: "dojo/resources/blank.gif",
						to: "dojo/resources"
					}
				]
			}),

			// For plugins registered after the dojo-webpack-plugin, data.request has been normalized and
			// resolved to an absMid and loader-config maps and aliases have been applied
			new webpack.NormalModuleReplacementPlugin(/^dojox\/gfx\/renderer!/, "dojox/gfx/canvas"),
			new webpack.NormalModuleReplacementPlugin(
				/^css!/, function(data) {
					data.request = data.request.replace(/^css!/, "!style-loader!css-loader!less-loader!")
				}
			)
		],
		resolveLoader: {
			modules: ["node_modules"]
		},
		mode: devmode ? 'development' : 'production',
		optimization: {
			moduleIds: 'natural',
			splitChunks: false,
			minimize: !devmode,
			minimizer: devmode ? [] : [new TerserPlugin({
				terserOptions: {
					format: {
						comments: false,
					},
				},
				extractComments: false,
			})]
		},
		performance: { hints: false },
		devtool: "hidden-source-map",
		devServer: {
			open: true,
			openPage: "test.html"
		},
	};
};