webpack.dev.conf.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. //webpack.dev.conf.js
  2. //'use strict'
  3. const merge = require('webpack-merge');
  4. const baseWebpackConfig = require('./webpack.base.conf');
  5. const path = require('path');
  6. const webpack = require('webpack');
  7. module.exports = merge(baseWebpackConfig, {
  8. // 模式
  9. mode: "development",
  10. // 调试工具
  11. devtool: 'inline-source-map',
  12. // 开发服务器
  13. devServer: {
  14. contentBase: false, // 默认webpack-dev-server会为根文件夹提供本地服务器,如果想为另外一个目录下的文件提供本地服务器,应该在这里设置其所在目录
  15. historyApiFallback: true, // 在开发单页应用时非常有用,它依赖于HTML5 history API,如果设置为true,所有的跳转将指向index.html
  16. compress: true, // 启用gzip压缩
  17. inline: true, // 设置为true,当源文件改变时会自动刷新页面
  18. hot: true, // 模块热更新,取决于HotModuleReplacementPlugin
  19. host: '127.0.0.1', // 设置默认监听域名,如果省略,默认为“localhost”
  20. port: 8443, // 设置默认监听端口,如果省略,默认为“8080”
  21. proxy: {
  22. '/bdhealth/': {
  23. target: 'https://116.153.88.187:9010',
  24. secure: false,
  25. ws: true,
  26. changeOrigin: true,
  27. }
  28. }
  29. },
  30. // 插件
  31. plugins: [
  32. // 热更新相关
  33. new webpack.NamedModulesPlugin(),
  34. new webpack.HotModuleReplacementPlugin()
  35. ],
  36. optimization: {
  37. nodeEnv: 'development',
  38. }
  39. });