webpack.config.dev.js 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /*
  2. * Licensed to the Apache Software Foundation (ASF) under one or more
  3. * contributor license agreements. See the NOTICE file distributed with
  4. * this work for additional information regarding copyright ownership.
  5. * The ASF licenses this file to You under the Apache License, Version 2.0
  6. * (the "License"); you may not use this file except in compliance with
  7. * 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. */
  17. const webpack = require('webpack')
  18. const merge = require('webpack-merge')
  19. const { assetsDir, baseConfig } = require('./config')
  20. const MiniCssExtractPlugin = require('mini-css-extract-plugin')
  21. const ProgressPlugin = require('progress-bar-webpack-plugin')
  22. const getEnv = require('env-parse').getEnv
  23. const config = merge.smart(baseConfig, {
  24. devtool: 'eval-source-map',
  25. output: {
  26. filename: 'js/[name].js'
  27. },
  28. devServer: {
  29. hot: true,
  30. contentBase: assetsDir,
  31. publicPath: baseConfig.output.publicPath,
  32. port: getEnv('DEV_PORT', 8888),
  33. host: getEnv('DEV_HOST', 'localhost'),
  34. noInfo: false,
  35. historyApiFallback: true,
  36. disableHostCheck: true,
  37. proxy: {
  38. '/dolphinscheduler': {
  39. timeout: 1800000,
  40. target: getEnv('API_BASE', 'http://local.dev:8080/backend'),
  41. changeOrigin: true
  42. }
  43. },
  44. progress: false,
  45. quiet: false,
  46. stats: {
  47. colors: true
  48. },
  49. clientLogLevel: 'none'
  50. },
  51. plugins: [
  52. new ProgressPlugin(),
  53. new webpack.HotModuleReplacementPlugin(),
  54. new MiniCssExtractPlugin({ filename: 'css/[name].css' })
  55. ],
  56. mode: 'development'
  57. })
  58. module.exports = config