-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwebpack.config.js
91 lines (85 loc) · 2.61 KB
/
webpack.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
87
88
89
90
91
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const fs = require("fs");
const path = require("path");
const webpack = require("webpack");
module.exports = [
{
name: "app",
entry: {
"app-startup": "./public/src/scripts/app/startup.tsx",
"legacy-app-loading": "./public/src/scripts/app-loading/legacy-app-loading.ts"
},
output: {
filename: "[name]-[chunkhash].js",
path: "./public/dist/scripts"
},
resolve: {
// Add `.ts` and `.tsx` as a resolvable extension.
extensions: [".ts", ".tsx", ".js"] // note if using webpack 1 you"d also need a "" in the array as well
},
plugins: [
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify('production')
}
}),
function() {
this.plugin("done", function(stats) {
const cacheBustMappingPath = path.join(__dirname, "/public/dist/cache-bust-mapping/");
if (!fs.existsSync(cacheBustMappingPath)) {
fs.mkdirSync(cacheBustMappingPath);
}
fs.writeFileSync(cacheBustMappingPath + "scripts.json",
JSON.stringify(stats.toJson()));
});
}
],
module: {
loaders: [
// loaders will work with webpack 1 or 2; but will be renamed "rules" in future
// all files with a `.ts` or `.tsx` extension will be handled by `ts-loader`
{
"test": /\.tsx?$/,
loader: "ts-loader"
},
{
test: /\.scss$/,
loaders: [ "style-loader", "css-loader", "sass-loader" ]
}
]
}
},
{
name: "additional-styles",
entry: {
"loading": "./public/src/styles/stylesheets/loading.scss",
"no-script": "./public/src/styles/stylesheets/no-script.scss",
"unsupported-browser": "./public/src/styles/stylesheets/unsupported-browser.scss",
},
output: {
filename: "[name]-[chunkhash].css",
path: "./public/dist/styles"
},
plugins: [
new ExtractTextPlugin("[name]-[chunkhash].css"),
function() {
this.plugin("done", function(stats) {
const cacheBustMappingPath = path.join(__dirname, "/public/dist/cache-bust-mapping/");
if (!fs.existsSync(cacheBustMappingPath)) {
fs.mkdirSync(cacheBustMappingPath);
}
fs.writeFileSync(cacheBustMappingPath + "stylesheets.json",
JSON.stringify(stats.toJson()));
});
}
],
module: {
loaders: [
{
test: /\.scss$/,
use: ExtractTextPlugin.extract([ "css-loader", "sass-loader" ])
}
]
}
}
]