-
Notifications
You must be signed in to change notification settings - Fork 57
/
next.config.js
95 lines (93 loc) · 2.82 KB
/
next.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
92
93
94
95
/* eslint-disable */
const path = require('path');
const TerserPlugin = require('terser-webpack-plugin');
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
const withBundleAnalyzer = require('@next/bundle-analyzer')({
enabled: process.env.ANALYZE === 'true',
});
// development or other environment
const isDev = !process.env.NODE_ENV || process.env.NODE_ENV === 'development';
module.exports = withBundleAnalyzer({
webpack: (config, { dev, isServer }) => {
config.resolve.alias['@'] = path.resolve(__dirname, './src/');
if (!dev) {
// polyfill IE11
const originalEntry = config.entry;
config.entry = async () => {
const entries = await originalEntry();
if (
entries['main.js'] &&
!entries['main.js'].includes('./assets/polyfills.js')
) {
entries['main.js'].unshift('./assets/polyfills.js');
}
return entries;
}
config.optimization = {
minimize: true,
minimizer: [
new TerserPlugin({
parallel: true,
terserOptions: {
ecma: 6,
warnings: false,
output: {
comments: false
},
compress: {
drop_console: true // remove console
},
ie8: false
}
}),
new CssMinimizerPlugin({
parallel: true,
minify: [
CssMinimizerPlugin.cssnanoMinify,
CssMinimizerPlugin.cleanCssMinify
],
}),
],
}
config.module.rules.push({
test: /\.js$/,
include: path.resolve(__dirname, './src'),
options: {
workerParallelJobs: 50,
// additional node.js arguments
workerNodeArgs: ['--max-old-space-size=1024'],
},
loader: 'thread-loader'
});
config.devtool = isServer ? false : 'source-map';
} else {
config.module.rules.push({
test: /\.js$/,
enforce: 'pre',
include: path.resolve(__dirname, './src'),
options: {
configFile: path.resolve('.eslintrc.js'),
eslint: {
configFile: path.resolve(__dirname, '.eslintrc.js')
}
},
loader: 'eslint-loader'
});
}
return config;
},
webpackDevMiddleware: config => {
// Perform customizations to webpack dev middleware config
// console.log(config, '@@')
// Important: return the modified config
return config;
},
serverRuntimeConfig: { // Will only be available on the server side
rootDir: path.join(__dirname, './'),
PORT: isDev ? 3006 : (process.env.PORT || 5999)
},
publicRuntimeConfig: { // Will be available on both server and client
staticFolder: '/static',
isDev, // Pass through env variables
},
});