webpack.config.js 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  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. jobBrowser: { import: './desktop/core/src/desktop/js/apps/jobBrowser/app.js', dependOn: 'hue' }
  35. },
  36. mode: 'development',
  37. module: {
  38. rules: [
  39. {
  40. test: /\.vue$/,
  41. exclude: /node_modules/,
  42. use: 'vue-loader'
  43. },
  44. {
  45. test: /\.(jsx?|tsx?)$/,
  46. exclude: /node_modules/,
  47. use: [{
  48. loader: 'babel-loader',
  49. options: {
  50. presets: ['@babel/preset-env', '@babel/preset-react']
  51. }
  52. }]
  53. },
  54. {
  55. test: /\.(jsx?|tsx?)$/,
  56. enforce: "pre",
  57. use: ["source-map-loader"],
  58. },
  59. {
  60. test: /\.scss$/,
  61. exclude: /node_modules/,
  62. use: ['style-loader', 'css-loader', 'sass-loader']
  63. },
  64. {
  65. test: /\.less$/i,
  66. use: [
  67. { loader: "style-loader" },
  68. { loader: "css-loader" },
  69. {
  70. loader: "less-loader",
  71. options: {
  72. lessOptions: {
  73. // This is not ideal but required by antd library
  74. javascriptEnabled: true,
  75. }
  76. }
  77. }
  78. ],
  79. },
  80. {
  81. test: /\.html$/,
  82. exclude: /node_modules/,
  83. use: { loader: 'html', options: { interpolater: true, removeComments: false } }
  84. }
  85. ]
  86. },
  87. optimization: {
  88. minimize: false,
  89. splitChunks: {
  90. chunks: 'all',
  91. name: splitChunksName,
  92. maxSize: 1000000,
  93. hidePathInfo: true
  94. }
  95. },
  96. output: {
  97. // Needed, at the time of writing with webpack 5.54.0, when using node 18.14.1 and later.
  98. hashFunction: 'xxhash64',
  99. path: __dirname + '/desktop/core/src/desktop/static/desktop/js/bundles/hue',
  100. filename: '[name]-bundle-[fullhash].js',
  101. chunkFilename: '[name]-chunk-[fullhash].js',
  102. clean: true,
  103. devtoolModuleFilenameTemplate(info) {
  104. // Prevents absolute paths in the generated sourceMaps
  105. return `webpack:///${info.resourcePath.replace(__dirname, '.')}`;
  106. }
  107. },
  108. performance: {
  109. maxEntrypointSize: 400 * 1024, // 400kb
  110. maxAssetSize: 400 * 1024 // 400kb
  111. },
  112. plugins: getPluginConfig(BUNDLES.HUE).concat([
  113. // Needed to wrap antd and prevent it from affecting global styles
  114. new webpack.NormalModuleReplacementPlugin( /node_modules\/antd\/lib\/style\/index\.less/, `${__dirname}/desktop/core/static/desktop/less/root-wrapped-antd.less`),
  115. new CleanWebpackPlugin([`${__dirname}/desktop/core/src/desktop/static/desktop/js/bundles/hue`]),
  116. ]),
  117. resolve: {
  118. extensions: ['.json', '.jsx', '.js', '.tsx', '.ts', '.vue'],
  119. modules: ['node_modules', 'js'],
  120. alias: {
  121. bootstrap: __dirname + '/node_modules/bootstrap-2.3.2/js',
  122. vue$: __dirname + '/node_modules/vue/dist/vue.esm-browser.prod.js'
  123. }
  124. }
  125. };
  126. // To customize build configurations
  127. const EXTEND_CONFIG_FILE = './webpack.config.extend.js';
  128. if (fs.existsSync(EXTEND_CONFIG_FILE)) {
  129. const endedConfig = require(EXTEND_CONFIG_FILE);
  130. endedConfig(config);
  131. console.info('Webpack extended!');
  132. }
  133. module.exports = config;