FilesExpand file tree

master

/

webpack.common.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

107 lines (99 loc) · 2.41 KB

master

/

webpack.common.js

Copy path

Top

File metadata and controls

• Code
• Blame

107 lines (99 loc) · 2.41 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

const path = require('path');

const CleanWebpackPlugin = require('clean-webpack-plugin');

const CopyWebpackPlugin = require('copy-webpack-plugin');

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

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

const ScriptExtHtmlWebpackPlugin = require('script-ext-html-webpack-plugin');

const devMode = process.env.NODE_ENV === 'development';

// define webpack plugins

const cleanDist = new CleanWebpackPlugin(['dist']);

const extractSass = new MiniCssExtractPlugin({

filename: devMode ? '[name].css' : '[name].[contenthash:12].css',

chunkFilename: devMode ? '[id].css' : '[id].[hash].css',

});

const processHtml = new HtmlWebpackPlugin({

template: './src/index.html',

title: 'Simply process excel files',

});

const scriptExtension = new ScriptExtHtmlWebpackPlugin({

defaultAttribute: 'defer'

});

const mainConfig = {

entry: {

index: './src/index.js'

},

plugins: [

cleanDist,

new CopyWebpackPlugin([{

from: './src/images/',

to: 'images',

toType: 'dir'

}]),

],

module: {

rules: [

{

test: /\.js$/,

exclude: /(node_modules|bower_components)/,

use: {

loader: 'babel-loader',

options: {

presets: ['@babel/preset-env'],

plugins: ['@babel/transform-runtime']

}

}

}

]

},

//not to mock __dirname and such node globals

node: false,

output: {

filename: '[name].bundle.js',

path: path.resolve(__dirname, 'dist')

},

target: 'electron-main'

};

const rendererConfig = {

entry: {

renderer: './src/renderer.js'

},

plugins: [

extractSass,

processHtml,

scriptExtension

],

module: {

rules: [

{

test: /\.js$/,

exclude: /(node_modules|bower_components)/,

use: {

loader: 'babel-loader',

options: {

presets: ['@babel/preset-env'],

plugins: ['@babel/transform-runtime']

}

}

},

{

test: /\.scss$/,

use: [

devMode ? 'style-loader' : MiniCssExtractPlugin.loader,

'css-loader',

'sass-loader'

]

}

]

},

//not to mock __dirname and such node globals

node: false,

output: {

filename: '[name].bundle.js',

path: path.resolve(__dirname, 'dist')

},

target: 'electron-renderer'

};

module.exports = {

mainConfig,

rendererConfig

};