jsonld.js/webpack.config.js at main · digitalbazaar/jsonld.js · 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
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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
/**
 * jsonld.js webpack build rules.
 *
 * @author Digital Bazaar, Inc.
 *
 * Copyright 2010-2017 Digital Bazaar, Inc.
 */
const path = require('path');
const {
  merge: webpackMerge
} = require('webpack-merge');

// build multiple outputs
module.exports = [];

// custom setup for each output
// all built files will export the "jsonld" library but with different content
const outputs = [
  // core jsonld library (standard)
  // larger version for wide compatibility
  {
    entry: [
      // main lib
      './lib/index.js'
    ],
    filenameBase: 'jsonld',
    targets: {
      // use slightly looser browserslist defaults
      browsers: 'defaults, > 0.25%, not IE 11'
    }
  },
  // core jsonld library (esm)
  // smaller version using features from browsers with ES Modules support
  {
    entry: [
      // main lib
      './lib/index.js'
    ],
    filenameBase: 'jsonld.esm',
    targets: {
      browsers: 'defaults and fully supports es6-module'
    }
  },
  // - custom builds can be created by specifying the high level files you need
  // - webpack will pull in dependencies as needed
  // - Note: if using UMD or similar, add jsonld.js *last* to properly export
  //   the top level jsonld namespace.
  // - see Babel and browserslist docs for targets
  //{
  //  entry: ['./lib/FOO.js', ..., './lib/jsonld.js'],
  //  filenameBase: 'jsonld.custom'
  //  libraryTarget: 'umd',
  //  targets: {
  //    // for example, just target latest browsers for development
  //    browsers: 'last 1 chrome version, last 1 firefox version',
  //  }
  //}
];

outputs.forEach(info => {
  // common to bundle and minified
  const common = {
    // each output uses the "jsonld" name but with different contents
    entry: {
      jsonld: info.entry
    },
    // enable for easier debugging
    //optimization: {
    //  minimize: false
    //},
    module: {
      rules: [
        {
          test: /\.js$/,
          // avoid processing core-js
          include: {
            and: [/node_modules/],
            not: [/core-js/]
          },
          use: {
            loader: 'babel-loader',
            options: {
              presets: [
                [
                  '@babel/preset-env',
                  {
                    useBuiltIns: 'usage',
                    corejs: '3.47',
                    // TODO: remove for babel 8
                    bugfixes: true,
                    //debug: true,
                    targets: info.targets
                  }
                ]
              ],
              plugins: [
                '@babel/plugin-transform-modules-commonjs',
                '@babel/plugin-transform-runtime'
              ]
            }
          }
        }
      ]
    }
  };

  // plain unoptimized unminified bundle
  const bundle = webpackMerge(common, {
    mode: 'development',
    output: {
      path: path.join(__dirname, 'dist'),
      filename: info.filenameBase + '.js',
      library: info.library || '[name]',
      libraryTarget: info.libraryTarget || 'umd',
      globalObject: 'this'
    },
    // shut off to debug bundles
    devtool: false
  });
  if(info.library === null) {
    delete bundle.output.library;
  }
  if(info.libraryTarget === null) {
    delete bundle.output.libraryTarget;
  }

  // optimized and minified bundle
  const minify = webpackMerge(common, {
    mode: 'production',
    output: {
      path: path.join(__dirname, 'dist'),
      filename: info.filenameBase + '.min.js',
      library: info.library || '[name]',
      libraryTarget: info.libraryTarget || 'umd',
      globalObject: 'this'
    },
    devtool: 'cheap-module-source-map'
  });
  if(info.library === null) {
    delete minify.output.library;
  }
  if(info.libraryTarget === null) {
    delete minify.output.libraryTarget;
  }

  module.exports.push(bundle);
  module.exports.push(minify);
});