FilesExpand file tree

 main

/

webpack.config.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

86 lines (81 loc) · 1.78 KB

 main

/

webpack.config.js

Copy path

Top

File metadata and controls

• Code
• Blame

86 lines (81 loc) · 1.78 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

const path = require('path');

const fs = require('fs');

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

const WWW = path.resolve(__dirname, 'www');

module.exports = (env, options) => {

const { mode = 'development' } = options;

const rules = [

{

test: /\.(hbs|md)$/,

use: ['raw-loader'],

},

{

test: /\.m.(sa|sc|c)ss$/,

use: [

'raw-loader',

'postcss-loader',

'sass-loader',

],

},

{

test: /\.(png|svg|jpg|jpeg|ico|ttf|webp|eot|woff|webm|mp4|webp|wav)(\?.*)?$/,

type: "asset/resource",

},

{

test: /(?<!\.m)\.(sa|sc|c)ss$/,

use: [

{

loader: MiniCssExtractPlugin.loader,

},

'css-loader',

'postcss-loader',

'sass-loader',

],

},

];

// if (mode === 'production') {

rules.push({

test: /\.m?js$/,

use: [

'html-tag-js/jsx/tag-loader.js',

{

loader: 'babel-loader',

options: {

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

},

},

],

});

// }

const main = {

mode,

entry: {

main: './src/main.js',

console: './src/lib/console.js',

},

output: {

path: path.resolve(__dirname, 'www/build/'),

filename: '[name].js',

chunkFilename: '[name].chunk.js',

assetModuleFilename: '[name][ext]',

publicPath: '/build/',

clean: true,

},

module: {

rules,

},

resolve: {

fallback: {

path: require.resolve('path-browserify'),

crypto: false,

},

modules: ["node_modules", "src"],

},

plugins: [

new MiniCssExtractPlugin({

filename: '[name].css',

}),

],

};

return [main];

};