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.png", 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 } };