webpack.dev.conf.js 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. 'use strict'
  2. const utils = require('./utils')
  3. const webpack = require('webpack')
  4. const config = require('../config')
  5. const merge = require('webpack-merge')
  6. const path = require('path')
  7. const baseWebpackConfig = require('./webpack.base.conf')
  8. const CopyWebpackPlugin = require('copy-webpack-plugin')
  9. const HtmlWebpackPlugin = require('html-webpack-plugin')
  10. const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
  11. const portfinder = require('portfinder')
  12. // const cesiumSource = 'node_modules/cesium/Source';
  13. // const cesiumWorkers = '../Build/Cesium/Workers';
  14. const HOST = process.env.HOST
  15. const PORT = process.env.PORT && Number(process.env.PORT)
  16. const devWebpackConfig = merge(baseWebpackConfig, {
  17. module: {
  18. rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
  19. },
  20. // cheap-module-eval-source-map is faster for development
  21. devtool: config.dev.devtool,
  22. // these devServer options should be customized in /config/index.js
  23. devServer: {
  24. clientLogLevel: 'warning',
  25. historyApiFallback: {
  26. rewrites: [
  27. { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
  28. ],
  29. },
  30. hot: true,
  31. contentBase: false, // since we use CopyWebpackPlugin.
  32. compress: true,
  33. host: HOST || config.dev.host,
  34. port: PORT || config.dev.port,
  35. open: config.dev.autoOpenBrowser,
  36. overlay: config.dev.errorOverlay
  37. ? { warnings: false, errors: true }
  38. : false,
  39. publicPath: config.dev.assetsPublicPath,
  40. proxy: config.dev.proxyTable,
  41. quiet: true, // necessary for FriendlyErrorsPlugin
  42. watchOptions: {
  43. poll: config.dev.poll,
  44. }
  45. },
  46. plugins: [
  47. new webpack.DefinePlugin({
  48. 'process.env': require('../config/dev.env')
  49. }),
  50. new webpack.HotModuleReplacementPlugin(),
  51. new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
  52. new webpack.NoEmitOnErrorsPlugin(),
  53. // https://github.com/ampedandwired/html-webpack-plugin
  54. new HtmlWebpackPlugin({
  55. filename: 'index.html',
  56. template: 'index.html',
  57. inject: true
  58. }),
  59. // copy custom static assets
  60. new CopyWebpackPlugin([
  61. {
  62. from: path.resolve(__dirname, '../static'),
  63. to: config.dev.assetsSubDirectory,
  64. ignore: ['.*']
  65. }
  66. ]),
  67. // Copy Cesium Assets, Widgets, and Workers to a static directory
  68. // new CopyWebpackPlugin([{ from: path.join(cesiumSource, cesiumWorkers), to: 'Workers' }]),
  69. // new CopyWebpackPlugin([{ from: path.join(cesiumSource, 'Assets'), to: 'Assets' }]),
  70. // new CopyWebpackPlugin([{ from: path.join(cesiumSource, 'Widgets'), to: 'Widgets' }]),
  71. // new CopyWebpackPlugin([{ from: path.join(cesiumSource, 'ThirdParty/Workers'), to: 'ThirdParty/Workers' }]),
  72. // new webpack.DefinePlugin({
  73. // CESIUM_BASE_URL: JSON.stringify('')
  74. // })
  75. ]
  76. })
  77. module.exports = new Promise((resolve, reject) => {
  78. portfinder.basePort = process.env.PORT || config.dev.port
  79. portfinder.getPort((err, port) => {
  80. if (err) {
  81. reject(err)
  82. } else {
  83. // publish the new Port, necessary for e2e tests
  84. process.env.PORT = port
  85. // add port to devServer config
  86. devWebpackConfig.devServer.port = port
  87. // Add FriendlyErrorsPlugin
  88. devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
  89. // compilationSuccessInfo: {
  90. // messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
  91. // },
  92. compilationSuccessInfo: {
  93. // 修改启动后终端显示localhost和network访问地址
  94. messages: [
  95. `App runing at: `,
  96. `Local: http://localhost:${port}`,
  97. `Network: http://${require('ip').address()}:${port}`,
  98. ],
  99. },
  100. onErrors: config.dev.notifyOnErrors
  101. ? utils.createNotifierCallback()
  102. : undefined
  103. }))
  104. resolve(devWebpackConfig)
  105. }
  106. })
  107. })