webpack.config.js 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. // Licensed to Cloudera, Inc. under one
  2. // or more contributor license agreements. See the NOTICE file
  3. // distributed with this work for additional information
  4. // regarding copyright ownership. Cloudera, Inc. licenses this file
  5. // to you under the Apache License, Version 2.0 (the
  6. // "License"); you may not use this file except in compliance
  7. // with the License. You may obtain a copy of the License at
  8. //
  9. // http://www.apache.org/licenses/LICENSE-2.0
  10. //
  11. // Unless required by applicable law or agreed to in writing, software
  12. // distributed under the License is distributed on an "AS IS" BASIS,
  13. // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14. // See the License for the specific language governing permissions and
  15. // limitations under the License.
  16. const fs = require('fs');
  17. const CleanWebpackPlugin = require('clean-webpack-plugin');
  18. const {
  19. BUNDLES,
  20. getPluginConfig,
  21. splitChunksName
  22. } = require('./desktop/core/src/desktop/js/webpack/configUtils');
  23. const config = {
  24. devtool: 'cheap-source-map',
  25. entry: {
  26. hue: { import: './desktop/core/src/desktop/js/hue.js' },
  27. editor: { import: './desktop/core/src/desktop/js/apps/editor/app.js', dependOn: 'hue' },
  28. notebook: { import: './desktop/core/src/desktop/js/apps/notebook/app.js', dependOn: 'hue' },
  29. tableBrowser: {
  30. import: './desktop/core/src/desktop/js/apps/tableBrowser/app.js',
  31. dependOn: 'hue'
  32. },
  33. jobBrowser: { import: './desktop/core/src/desktop/js/apps/jobBrowser/app.js', dependOn: 'hue' }
  34. },
  35. mode: 'development',
  36. module: {
  37. rules: [
  38. {
  39. test: /\.vue$/,
  40. exclude: /node_modules/,
  41. use: 'vue-loader'
  42. },
  43. {
  44. test: /\.(jsx?|tsx?)$/,
  45. exclude: /node_modules/,
  46. use: ['source-map-loader', 'babel-loader']
  47. },
  48. {
  49. test: /\.scss$/,
  50. exclude: /node_modules/,
  51. use: ['style-loader', 'css-loader', 'sass-loader']
  52. },
  53. {
  54. test: /\.html$/,
  55. exclude: /node_modules/,
  56. use: { loader: 'html', options: { interpolater: true, removeComments: false } }
  57. }
  58. ]
  59. },
  60. optimization: {
  61. minimize: false,
  62. splitChunks: {
  63. chunks: 'all',
  64. name: splitChunksName,
  65. maxSize: 1000000,
  66. hidePathInfo: true
  67. }
  68. },
  69. output: {
  70. path: __dirname + '/desktop/core/src/desktop/static/desktop/js/bundles/hue',
  71. filename: '[name]-bundle-[fullhash].js',
  72. chunkFilename: '[name]-chunk-[fullhash].js',
  73. clean: true,
  74. devtoolModuleFilenameTemplate(info) {
  75. // Prevents absolute paths in the generated sourceMaps
  76. return `webpack:///${info.resourcePath.replace(__dirname, '.')}`;
  77. }
  78. },
  79. performance: {
  80. maxEntrypointSize: 400 * 1024, // 400kb
  81. maxAssetSize: 400 * 1024 // 400kb
  82. },
  83. plugins: getPluginConfig(BUNDLES.HUE).concat([
  84. new CleanWebpackPlugin([`${__dirname}/desktop/core/src/desktop/static/desktop/js/bundles/hue`])
  85. ]),
  86. resolve: {
  87. extensions: ['.json', '.jsx', '.js', '.tsx', '.ts', '.vue'],
  88. modules: ['node_modules', 'js'],
  89. alias: {
  90. bootstrap: __dirname + '/node_modules/bootstrap-2.3.2/js',
  91. vue$: __dirname + '/node_modules/vue/dist/vue.esm-browser.prod.js'
  92. }
  93. }
  94. };
  95. // To customize build configurations
  96. const EXTEND_CONFIG_FILE = './webpack.config.extend.js';
  97. if (fs.existsSync(EXTEND_CONFIG_FILE)) {
  98. const endedConfig = require(EXTEND_CONFIG_FILE);
  99. endedConfig(config);
  100. console.info('Webpack extended!');
  101. }
  102. module.exports = config;