webpack.config.js 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. var webpack = require('webpack');
  2. var path = require('path');
  3. var fs = require('fs-extra');
  4. var Handlebars = require('handlebars');
  5. var crypto = require('crypto');
  6. var package_data = require('./package.json');
  7. // Ensure a clear build directory.
  8. var buildDir = './build';
  9. fs.removeSync(buildDir);
  10. fs.ensureDirSync(buildDir);
  11. fs.copySync('./package.json', './build/package.json');
  12. // Create the entry point file.
  13. var source = fs.readFileSync('index.js').toString();
  14. var template = Handlebars.compile(source);
  15. var data = {
  16. jupyterlab_extensions: package_data.jupyterlab.extensions,
  17. jupyterlab_mime_extensions: package_data.jupyterlab.mimeExtensions,
  18. };
  19. var result = template(data);
  20. fs.writeFileSync(path.resolve(buildDir, 'index.out.js'), result);
  21. // Create the hash
  22. var hash = crypto.createHash('md5');
  23. hash.update(fs.readFileSync('./package.json'));
  24. var digest = hash.digest('hex');
  25. fs.writeFileSync(path.resolve(buildDir, 'hash.md5'), digest);
  26. module.exports = {
  27. entry: path.resolve(buildDir, 'index.out.js'),
  28. output: {
  29. path: path.resolve(buildDir),
  30. filename: '[name].bundle.js'
  31. },
  32. module: {
  33. rules: [
  34. { test: /\.css$/, use: ['style-loader', 'css-loader'] },
  35. { test: /\.json$/, use: 'json-loader' },
  36. { test: /\.html$/, use: 'file-loader' },
  37. { test: /\.(jpg|png|gif)$/, use: 'file-loader' },
  38. { test: /\.js.map$/, use: 'file-loader' },
  39. { test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/, use: 'url-loader?limit=10000&mimetype=application/font-woff' },
  40. { test: /\.woff(\?v=\d+\.\d+\.\d+)?$/, use: 'url-loader?limit=10000&mimetype=application/font-woff' },
  41. { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, use: 'url-loader?limit=10000&mimetype=application/octet-stream' },
  42. { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, use: 'file-loader' },
  43. { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, use: 'url-loader?limit=10000&mimetype=image/svg+xml' }
  44. ],
  45. },
  46. node: {
  47. fs: 'empty'
  48. },
  49. bail: true,
  50. devtool: 'cheap-source-map'
  51. }