fret/webpack.config.js at main · kroq86/fret · GitHub

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
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

class StaticSeoAssetsPlugin {
  apply(compiler) {
    compiler.hooks.thisCompilation.tap('StaticSeoAssetsPlugin', (compilation) => {
      const { RawSource } = compiler.webpack.sources;
      const emitAsset = (filename, source) => {
        compilation.emitAsset(filename, new RawSource(source));
      };

      emitAsset(
        'robots.txt',
        ['User-agent: *', 'Allow: /', '', 'Sitemap: https://kroq86.github.io/fret/sitemap.xml', ''].join('\n')
      );

      emitAsset(
        'sitemap.xml',
        [
          '<?xml version="1.0" encoding="UTF-8"?>',
          '<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">',
          '  <url>',
          '    <loc>https://kroq86.github.io/fret/</loc>',
          '    <changefreq>weekly</changefreq>',
          '    <priority>0.9</priority>',
          '  </url>',
          '</urlset>',
          '',
        ].join('\n')
      );
    });
  }
}

module.exports = () => {
  const publicPath = process.env.PUBLIC_PATH || '';
  const buildTarget = process.env.BUILD_TARGET || 'electron-renderer';

  return {
    mode: process.env.NODE_ENV || 'development',
    entry: './src/renderer.tsx',
    target: buildTarget,
    devtool: 'source-map',
    module: {
      rules: [
        {
          test: /\.tsx?$/,
          use: 'ts-loader',
          exclude: /node_modules/,
        },
        {
          test: /\.css$/,
          use: ['style-loader', 'css-loader'],
        },
      ],
    },
    resolve: {
      extensions: ['.tsx', '.ts', '.js'],
    },
    output: {
      filename: 'renderer.js',
      path: path.resolve(__dirname, 'dist'),
      publicPath,
      clean: true,
    },
    plugins: [
      new StaticSeoAssetsPlugin(),
      new HtmlWebpackPlugin({
        template: './src/index.html',
        filename: 'index.html',
        minify: false,
      }),
    ],
    devServer: {
      static: {
        directory: path.join(__dirname, 'dist'),
      },
      compress: true,
      port: 8080,
      hot: true,
    },
  };
};