-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.prod.config.js
86 lines (74 loc) · 2.31 KB
/
webpack.prod.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
const path = require("path");
const webpack = require("webpack");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const SRC_PATH = path.join(__dirname, "src");
module.exports = {
entry: "./src/Root",
module: {
loaders: [
// This loader will compile our code
// with Typescript instead of Babel.
// {
// include: SRC_PATH,
// loader: "awesome-typescript-loader",
// test: /\.(j|t)s$/,
// },
// This loader will compile our code with Babel,
// which allows us to use ES6 syntax and imports.
{
include: SRC_PATH,
loaders: ["babel"],
test: /\.js$/,
},
// This loader allows us to import css files inside our js files
// instead of placing them in our HTML file:
// import "styles/site.css";
{
include: SRC_PATH,
loader: "style-loader!css-loader",
test: /\.css$/,
},
],
},
// This specifies where webpack should place the compiled result,
// and what the file should be named.
// Note that "/static/client.js" is the src file in the script tag
// that we include in our index.html file.
output: {
path: path.join(__dirname, "dist"),
filename: "static/client.js",
},
plugins: [
// Tell modules like react that we are in production mode
// https://facebook.github.io/react/downloads.html#npm
new webpack.DefinePlugin({
"process.env": {
NODE_ENV: JSON.stringify("production"),
},
}),
// Copy static assets so we don't have to run them through webpack
new CopyWebpackPlugin([
{ from: "static", to: "static"},
{ from: "index.html" },
]),
new webpack.optimize.DedupePlugin(),
new webpack.optimize.OccurenceOrderPlugin(),
new webpack.optimize.UglifyJsPlugin(),
],
resolve: {
extensions: ["", ".js", ".ts"],
// This is where webpack will look for files when it sees an import statement.
modulesDirectories: [
// This allows us to write:
// import HomePage from "home/components/HomePage";
// instead of:
// import HomePage from "src/home/components/HomePage";
"src",
// This allows us to write:
// import React from "react";
// instead of:
// import React from "node_modules/react";
"node_modules",
],
},
};