hey-cli配置

heyui-admin的默认配置为hey-cli,如果你选择使用hey-cli,需要全局安装 hey-cli

  1. npm install -g hey-cli

启动

  1. npm run serve

配置

目前,系统中提供的hey-cli配置如下,如果有其他的扩展配置,请参考hey-cli的文档。

https://github.com/heyui/hey-cli

  1. const path = require('path');
  2. module.exports = {
  3. port: 9012, //端口号
  4. root: 'dist', //打包的目录
  5. webpack: {
  6. console: true, // 打包是否保留日志
  7. publicPath: '/', //公开path
  8. output: {
  9. './index.html': { //输出哪些文件,主要是html,默认会加载和html文件名一样的js文件为入口。支持定义公用包。
  10. entry: './src/main',
  11. commons: ['common']
  12. }
  13. },
  14. commonTrunk: { //公共包定义,可以定义多个
  15. common: [
  16. 'babel-polyfill',
  17. 'manba',
  18. 'js-model',
  19. './src/js/common/utils',
  20. './src/js/common/request',
  21. 'hey-global',
  22. 'hey-log',
  23. 'heyui',
  24. ]
  25. },
  26. //定义resolve,参考webpack文档 https://webpack.js.org/configuration/resolve/
  27. alias: {
  28. model: './src/js/model/',
  29. js: './src/js/',
  30. components: './src/components/',
  31. },
  32. //定义全局变量, 参考webpack文档 https://webpack.js.org/plugins/provide-plugin
  33. global: {
  34. Utils: [path.resolve(__dirname, 'src/js/common/utils'), 'default'],
  35. Manba: 'manba',
  36. HeyUI: 'heyui',
  37. Model: 'js-model',
  38. G: 'hey-global',
  39. log: 'hey-log',
  40. R: [path.resolve(__dirname, 'src/js/common/request'), 'default']
  41. },
  42. //定义反向代理服务器,https://webpack.js.org/configuration/dev-server/#devserver-proxy
  43. devServer: {
  44. proxy: {
  45. // 此处应该配置为开发服务器的后台地址
  46. // '/api': {
  47. // target: 'http://xxx.xx.xx'
  48. // }
  49. },
  50. historyApiFallback: true
  51. },
  52. globalVars: './src/css/var.less', //定义全局less参数定义,可以在任意less中使用参数
  53. externals: {}
  54. },
  55. // 未做关联引用的文件在build的时候复制到打包的文件夹中
  56. copy: ['static/images/*', 'call/*', './baidu_verify_7O2vpVMzwg.html']
  57. };