bonfirered.github.io/webpack.config.js at master · bonfirered/bonfirered.github.io · 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
const path = require('path');

/**
 * Define loaders
 * @return {Array}
 */
function getRules() {
  return [
    {
      test: /(\.js)/,
      exclude: /(node_modules)/,
      use: {
        loader: 'babel-loader',
      },
    },
    {
      test: /(\.jpg|\.png)$/,
      use: [
        {
          loader: 'url-loader',
          options: {
            limit: 10000,
          },
        },
      ],
    },
    {
      test: /\.json/,
      loader: 'json-loader',
    },
  ];
}

module.exports = ({
  dev,
  scripts: {
    fabricator: { src: fabSrc },
    toolkit: { src: scriptSrc },
  },
  dest,
}) => {
  return {
    mode: dev ? 'development' : 'production',
    entry: {
      'fabricator/scripts/f': fabSrc,
      'toolkit/scripts/toolkit': scriptSrc
    },
    resolve: {
      modules: ['node_modules'],
      alias: {
        TweenLite: path.resolve('node_modules/gsap/src/minified/TweenLite.min.js'),
        TweenMax: path.resolve('node_modules/gsap/src/minified/TweenMax.min.js'),
        TimelineLite: path.resolve('node_modules/gsap/src/minified/TimelineLite.min.js'),
        TimelineMax: path.resolve('node_modules/gsap/src/minified/TimelineMax.min.js'),

        ScrollMagic: path.resolve('node_modules/scrollmagic/scrollmagic/minified/ScrollMagic.min.js'),
        'animation.gsap': path.resolve('node_modules/scrollmagic/scrollmagic/minified/plugins/animation.gsap.min.js')
      }
    },
    output: {
      path: path.resolve(__dirname, dest, 'assets'),
      filename: '[name].js',
      pathinfo: dev,
    },
    devtool: dev ? 'cheap-module-eval-source-map' : false,
    module: {
      rules: getRules(),
    },
  };
};