-
Notifications
You must be signed in to change notification settings - Fork 0
/
razzle.config.js
50 lines (43 loc) · 1.45 KB
/
razzle.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
"use strict";
const path = require("path");
const LoadableWebpackPlugin = require("@loadable/webpack-plugin");
const LoadableBabelPlugin = require("@loadable/babel-plugin");
const babelPresetRazzle = require("razzle/babel");
module.exports = {
plugins: ["scss"],
modify: (config, { dev, target }) => {
const appConfig = Object.assign({}, config);
// Run client only
if (target === "web") {
const filename = path.resolve(__dirname, "build");
appConfig.plugins.push(
new LoadableWebpackPlugin({
outputAsset: false,
writeToDisk: { filename }
})
);
appConfig.output.filename = dev
? "static/js/[name].js"
: "static/js/[name].[chunkhash:8].js";
appConfig.optimization = Object.assign({}, appConfig.optimization, {
runtimeChunk: true,
splitChunks: {
cacheGroups: {
commons: {
test: /[\\/]node_modules[\\/]/,
name: "vendors"
}
},
chunks: "all",
name: dev
}
});
}
return appConfig;
},
modifyBabelOptions: () => ({
babelrc: false,
presets: [babelPresetRazzle],
plugins: [LoadableBabelPlugin]
})
};