FilesExpand file tree

develop

/

webpack.prod.config.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

executable file

·

108 lines (101 loc) · 2.76 KB

develop

/

webpack.prod.config.js

Copy path

Top

File metadata and controls

• Code
• Blame

executable file

·

108 lines (101 loc) · 2.76 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

96

97

98

99

100

101

102

103

104

105

106

107

108

'use strict';

/**

* Copyright (c) 2017-present PlatformIO Plus <contact@pioplus.com>

* All rights reserved.

*

* This source code is licensed under the license found in the LICENSE file in

* the root directory of this source tree.

*/

const webpack = require('webpack');

const path = require('path');

const common = require('./webpack.common');

const HtmlWebpackPlugin = require('html-webpack-plugin');

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

const MiniCssExtractPlugin = require('mini-css-extract-plugin');

const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');

const TerserPlugin = require('terser-webpack-plugin');

// Create multiple instances

const cssOutputFile = `themes/${common.workspace}.${common.theme}.min.css`;

const extractThemeCSS = new MiniCssExtractPlugin({

filename: cssOutputFile,

chunkFilename: cssOutputFile, // '[name].[contenthash].css',

ignoreOrder: false // Enable to remove warnings about conflicting order

});

const plugins = [

...common.plugins,

extractThemeCSS,

new HtmlWebpackPlugin({

template: path.join(common.appDir, 'index.html'),

inject: 'body',

favicon: path.join(common.mediaDir, 'images', 'favicon.ico')

}),

new webpack.ContextReplacementPlugin(

/highlight\.js\/lib\/languages$/,

new RegExp(`^./(${['plaintext', 'cpp', 'json', 'ini'].join('|')})$`)

)

];

if (process.env.ANALYZE) {

plugins.push(new BundleAnalyzerPlugin());

}

module.exports = {

mode: 'production',

optimization: {

concatenateModules: true,

minimize: true,

minimizer: [

new TerserPlugin(),

new CssMinimizerPlugin(),

],

moduleIds: 'hashed',

nodeEnv: 'production',

splitChunks: {

cacheGroups: {

vendor: {

test: /[\\/]node_modules[\\/].*\.js?$/,

name: 'vendor',

chunks: 'all'

}

}

}

},

entry: [

path.join(common.appDir, 'index.jsx'),

path.join(common.mediaDir, 'styles/index.less')

],

output: {

publicPath: './',

path: common.outputDir,

// filename: '[name].[contenthash].min.js'

filename: '[name].min.js'

},

resolve: {

alias: common.resolve.alias,

extensions: ['.js', '.jsx']

},

module: {

rules: [

...common.rules,

{

test: /\.less$/,

use: [

MiniCssExtractPlugin.loader,

{ loader: 'css-loader' },

{

loader: 'less-loader',

options: {

lessOptions: {

modifyVars: common.themeModifyVars,

javascriptEnabled: true

}

}

}

],

include: [

path.resolve(common.rootDir, 'node_modules/antd/lib'),

path.join(common.mediaDir, 'styles')

]

}

]

},

plugins

};