webpack.config.js 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  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: false,
  25. entry: {
  26. hue: ['./desktop/core/src/desktop/js/hue.js'],
  27. notebook: ['./desktop/core/src/desktop/js/apps/notebook/app.js'],
  28. tableBrowser: ['./desktop/core/src/desktop/js/apps/tableBrowser/app.js'],
  29. jobBrowser: ['./desktop/core/src/desktop/js/apps/jobBrowser/app.js']
  30. },
  31. mode: 'development',
  32. module: {
  33. rules: [
  34. {
  35. test: /\.tsx?$/,
  36. exclude: /node_modules/,
  37. loader: 'babel-loader'
  38. },
  39. { test: /\.js$/, use: ['source-map-loader'], enforce: 'pre' },
  40. { test: /\.(html)$/, loader: 'html?interpolate&removeComments=false' },
  41. { test: /\.less$/, loader: 'style-loader!css-loader!less-loader' },
  42. { test: /\.s[ac]ss$/, loader: 'style-loader!css-loader!sass-loader' },
  43. { test: /\.css$/, loader: 'style-loader!css-loader' },
  44. { test: /\.(woff2?|ttf|eot|svg)$/, loader: 'file-loader' },
  45. {
  46. test: /\.jsx?$/,
  47. exclude: /node_modules/,
  48. loader: 'babel-loader'
  49. },
  50. {
  51. test: /\.vue$/,
  52. loader: 'vue-loader',
  53. options: {
  54. shadowMode: true,
  55. loaders: {
  56. less: ['vue-style-loader', 'css-loader', 'less-loader', 'sass-loader']
  57. }
  58. }
  59. }
  60. ]
  61. },
  62. optimization: {
  63. //minimize: true,
  64. minimize: false,
  65. splitChunks: {
  66. chunks: 'all',
  67. name: splitChunksName,
  68. maxSize: 1000000,
  69. hidePathInfo: true
  70. },
  71. runtimeChunk: {
  72. name: 'hue'
  73. }
  74. },
  75. output: {
  76. path: __dirname + '/desktop/core/src/desktop/static/desktop/js/bundles/hue',
  77. filename: '[name]-bundle-[hash].js',
  78. chunkFilename: '[name]-chunk-[hash].js'
  79. },
  80. performance: {
  81. maxEntrypointSize: 400 * 1024, // 400kb
  82. maxAssetSize: 400 * 1024 // 400kb
  83. },
  84. plugins: getPluginConfig(BUNDLES.HUE).concat([
  85. new CleanWebpackPlugin([`${__dirname}/desktop/core/src/desktop/static/desktop/js/bundles/hue`])
  86. ]),
  87. resolve: {
  88. extensions: ['.json', '.jsx', '.js', '.tsx', '.ts', '.vue'],
  89. modules: ['node_modules', 'js'],
  90. alias: {
  91. bootstrap: __dirname + '/node_modules/bootstrap-2.3.2/js',
  92. vue$: __dirname + '/node_modules/vue/dist/vue.esm.browser.min.js'
  93. }
  94. }
  95. };
  96. // To customize build configurations
  97. const EXTEND_CONFIG_FILE = './webpack.config.extend.js';
  98. if (fs.existsSync(EXTEND_CONFIG_FILE)) {
  99. const endedConfig = require(EXTEND_CONFIG_FILE);
  100. endedConfig(config);
  101. console.info('Webpack extended!');
  102. }
  103. module.exports = config;