webpack.config.js 3.7 KB

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