webpack.config.js 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  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 webpack = require('webpack');
  18. const { CleanWebpackPlugin } = require('clean-webpack-plugin');
  19. const {
  20. BUNDLES,
  21. getPluginConfig,
  22. splitChunksName
  23. } = require('./desktop/core/src/desktop/js/webpack/configUtils');
  24. const config = {
  25. devtool: 'cheap-source-map',
  26. entry: {
  27. hue: { import: './desktop/core/src/desktop/js/hue.js' },
  28. editor: { import: './desktop/core/src/desktop/js/apps/editor/app.js', dependOn: 'hue' },
  29. notebook: { import: './desktop/core/src/desktop/js/apps/notebook/app.js', dependOn: 'hue' },
  30. tableBrowser: {
  31. import: './desktop/core/src/desktop/js/apps/tableBrowser/app.js',
  32. dependOn: 'hue'
  33. },
  34. storageBrowser: {
  35. import: './desktop/core/src/desktop/js/apps/storageBrowser/app.js',
  36. dependOn: 'hue'
  37. },
  38. jobBrowser: { import: './desktop/core/src/desktop/js/apps/jobBrowser/app.js', dependOn: 'hue' }
  39. },
  40. mode: 'development',
  41. module: {
  42. rules: [
  43. {
  44. test: /\.vue$/,
  45. exclude: /node_modules/,
  46. use: 'vue-loader'
  47. },
  48. {
  49. test: /\.(jsx?|tsx?)$/,
  50. exclude: /node_modules/,
  51. use: [
  52. {
  53. loader: 'babel-loader',
  54. options: {
  55. presets: ['@babel/preset-env', '@babel/preset-react']
  56. }
  57. }
  58. ]
  59. },
  60. {
  61. test: /\.(jsx?|tsx?)$/,
  62. enforce: 'pre',
  63. use: ['source-map-loader']
  64. },
  65. // Remove hardcoded references to source map files in third party mjs-files
  66. // since those files will be missing in our builds.
  67. {
  68. test: /\.mjs$/,
  69. include: /node_modules/,
  70. enforce: 'post',
  71. loader: 'strip-sourcemap-loader'
  72. },
  73. {
  74. test: /\.scss$/,
  75. exclude: /node_modules/,
  76. use: [
  77. 'style-loader',
  78. 'css-loader',
  79. {
  80. loader: 'sass-loader',
  81. options: {
  82. sassOptions: {
  83. includePaths: ['desktop/core/src/desktop/js/components/styles', 'node_modules']
  84. }
  85. }
  86. }
  87. ]
  88. },
  89. {
  90. test: /\.css$/i,
  91. use: [{ loader: 'style-loader' }, { loader: 'css-loader' }]
  92. },
  93. {
  94. test: /\.less$/i,
  95. use: [
  96. { loader: 'style-loader' },
  97. { loader: 'css-loader' },
  98. {
  99. loader: 'less-loader',
  100. options: {
  101. lessOptions: {
  102. // This is not ideal but required by antd library
  103. javascriptEnabled: true
  104. }
  105. }
  106. }
  107. ]
  108. },
  109. {
  110. test: /\.html$/,
  111. exclude: /node_modules/,
  112. use: { loader: 'html', options: { interpolater: true, removeComments: false } }
  113. }
  114. ]
  115. },
  116. optimization: {
  117. minimize: false,
  118. splitChunks: {
  119. chunks: 'all',
  120. name: splitChunksName,
  121. maxSize: 1000000,
  122. hidePathInfo: true
  123. }
  124. },
  125. output: {
  126. // Needed, at the time of writing with webpack 5.54.0, when using node 18.14.1 and later.
  127. hashFunction: 'xxhash64',
  128. path: __dirname + '/desktop/core/src/desktop/static/desktop/js/bundles/hue',
  129. filename: '[name]-bundle-[fullhash].js',
  130. chunkFilename: '[name]-chunk-[fullhash].js',
  131. clean: true,
  132. devtoolModuleFilenameTemplate(info) {
  133. // Prevents absolute paths in the generated sourceMaps
  134. return `webpack:///${info.resourcePath.replace(__dirname, '.')}`;
  135. }
  136. },
  137. performance: {
  138. maxEntrypointSize: 400 * 1024, // 400kb
  139. maxAssetSize: 400 * 1024 // 400kb
  140. },
  141. plugins: getPluginConfig(BUNDLES.HUE).concat([
  142. new CleanWebpackPlugin({
  143. cleanOnceBeforeBuildPatterns: [
  144. `${__dirname}/desktop/core/src/desktop/static/desktop/js/bundles/hue`
  145. ]
  146. })
  147. ]),
  148. resolve: {
  149. extensions: ['.json', '.jsx', '.js', '.tsx', '.ts', '.vue'],
  150. modules: ['node_modules', 'js'],
  151. alias: {
  152. bootstrap: __dirname + '/node_modules/bootstrap-2.3.2/js',
  153. vue$: __dirname + '/node_modules/vue/dist/vue.esm-browser.prod.js'
  154. }
  155. }
  156. };
  157. // To customize build configurations
  158. const EXTEND_CONFIG_FILE = './webpack.config.extend.js';
  159. if (fs.existsSync(EXTEND_CONFIG_FILE)) {
  160. const endedConfig = require(EXTEND_CONFIG_FILE);
  161. endedConfig(config);
  162. console.info('Webpack extended!');
  163. }
  164. module.exports = config;