woodpecker/web/webpack.config.js

require("dotenv").config();

var path = require("path");
var webpack = require("webpack");
var HtmlWebpackPlugin = require("html-webpack-plugin");

const ENV = process.env.NODE_ENV || "development";

module.exports = {
	entry: {
		app: "./src",
		vendor: [
			"ansi_up",
			"babel-polyfill",
			"baobab",
			"baobab-react",
			"classnames",
			"drone-js",
			"humanize-duration",
			"preact",
			"preact-compat",
			"query-string",
			"react-router",
			"react-router-dom",
			"react-screen-size",
			"react-timeago",
			"react-title-component",
			"react-transition-group"
		]
	},

	// where to dump the output of a production build
	output: {
		publicPath: "/",
		path: path.join(__dirname, "dist/files"),
		filename: "static/bundle.[chunkhash].js"
	},

	resolve: {
		alias: {
			client: path.resolve(__dirname, "src/client/"),
			config: path.resolve(__dirname, "src/config/"),
			components: path.resolve(__dirname, "src/components/"),
			layouts: path.resolve(__dirname, "src/layouts/"),
			pages: path.resolve(__dirname, "src/pages/"),
			screens: path.resolve(__dirname, "src/screens/"),
			shared: path.resolve(__dirname, "src/shared/"),

			react: "preact-compat/dist/preact-compat",
			"react-dom": "preact-compat/dist/preact-compat",
			"create-react-class": "preact-compat/lib/create-react-class"
		}
	},

	module: {
		rules: [
			{
				test: /\.jsx?/i,
				exclude: /node_modules/,
				loader: "babel-loader"
			},

			{
				test: /\.(less|css)$/,
				loader: "style-loader"
			},

			{
				test: /\.(less|css)$/,
				loader: "css-loader",
				query: {
					modules: true,
					localIdentName: "[name]__[local]___[hash:base64:5]"
				}
			},

			{
				test: /\.(less|css)$/,
				loader: "less-loader"
			}
		]
	},

	plugins: [
		new webpack.optimize.CommonsChunkPlugin({
			name: "vendor",
			filename: "static/vendor.[hash].js"
		}),
		new HtmlWebpackPlugin({
			favicon: "src/public/favicon.svg",
			template: "src/index.html"
		})
	].concat(
		ENV === "production"
			? [
					new webpack.optimize.UglifyJsPlugin({
						output: {
							comments: false
						},
						exclude: [/bundle/],
						compress: {
							unsafe_comps: true,
							properties: true,
							keep_fargs: false,
							pure_getters: true,
							collapse_vars: true,
							unsafe: true,
							warnings: false,
							screw_ie8: true,
							sequences: true,
							dead_code: true,
							drop_debugger: true,
							comparisons: true,
							conditionals: true,
							evaluate: true,
							booleans: true,
							loops: true,
							unused: true,
							hoist_funs: true,
							if_return: true,
							join_vars: true,
							cascade: true,
							drop_console: true
						}
					})
				]
			: [
					new webpack.DefinePlugin({
						// drone server uses authorization cookies, but the client can
						// optionally source the authorization token from the environment.
						// this should be used for the test server only.
						"window.DRONE_TOKEN": JSON.stringify(process.env.DRONE_TOKEN),
						"window.DRONE_SERVER": JSON.stringify(process.env.DRONE_SERVER),

						// drone server provides the currently authenticated user in the
						// index.html file. For testing purposes we simulate this and provides
						// a dummy user object.
						"window.DRONE_USER": {
							login: JSON.stringify("octocat"),
							avatar_url: JSON.stringify(
								"https://avatars3.githubusercontent.com/u/583231"
							)
						}
					})
				]
	),

	devServer: {
		port: process.env.PORT || 9999,

		// serve up any static files from src/
		contentBase: path.join(__dirname, "src"),

		// enable gzip compression:
		compress: true,

		// enable pushState() routing, as used by preact-router et al:
		historyApiFallback: true
	}
};