config.js 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. const path = require('path')
  2. module.exports = {
  3. /**
  4. * @description 静态资源存放路径
  5. * @type string
  6. * @default "assest"
  7. */
  8. outPutDir: 'dist',
  9. publicPath: '/',
  10. assetsDir: 'assest',
  11. /**
  12. * @description 配置开发服务器
  13. *
  14. */
  15. devServer: {
  16. port: 8080, // 默认运行端口
  17. host: '127.0.0.1',
  18. proxy: {
  19. '/api': {
  20. target: 'http://47.108.135.38:50001',
  21. },
  22. }, //转发方式
  23. },
  24. /**
  25. * @description 打包入口(如果同时配置了pages,则将忽略entry)
  26. * @type string
  27. * @default path.resolve(__dirname, '../src/index.tsx')
  28. */
  29. entry: path.resolve(__dirname, '../src/index.tsx'),
  30. /**
  31. * @description 多页面配置
  32. * @type object|undefind
  33. * @default {}
  34. *
  35. */
  36. pages: {
  37. // index: {
  38. // // page 的入口
  39. // entry: path.resolve(process.cwd(), 'src/index.tsx'),
  40. // // 模板来源
  41. // template: path.resolve(process.cwd(), 'config/index.html'),
  42. // // 在 dist/index.html 的输出
  43. // filename: 'index.html',
  44. // // 当使用 title 选项时,
  45. // // template 中的 title 标签需要是
  46. // title: 'Index Page',
  47. // // 在这个页面中包含的块,默认情况下会包含
  48. // chunks: ['index'],
  49. // },
  50. },
  51. /**
  52. * @description 配置别名,对引用路径进行映射
  53. */
  54. alias: {},
  55. /**
  56. * @description 模块分析结构
  57. * @description 如果传递false,则代表不开启代码分析插件,true则代表启用默认配置
  58. * @description 如果传递对象则代表启用默认配置,也可自定义配置
  59. * @type Boolean| {}
  60. *
  61. */
  62. analyze: false,
  63. /**
  64. * @description 设置autoprefixer 配置项
  65. */
  66. autoprefixer: {},
  67. /**
  68. * @description cssloader 相关的配置
  69. */
  70. cssLoader: {},
  71. // less相关配置项
  72. lessLoader: {},
  73. // styleloader 相关配置项
  74. styleLoader: {},
  75. //sassloader 相关配置项
  76. sassLoader: {},
  77. /**
  78. * @description postloader 相关配置项
  79. *
  80. */
  81. postcssLoader: {},
  82. /**
  83. * @description 配置额外的postcss插件
  84. * @default []
  85. */
  86. extraPostCSSPlugins: [],
  87. //设置要复制到输出目录的文件或文件夹。
  88. copy: [],
  89. devtool: '',
  90. //设置哪些模块可以不被打包
  91. externals: {},
  92. //配置额外的babel打包插件
  93. extraBabelPlugins: [
  94. [
  95. 'import',
  96. {
  97. libraryName: 'antd',
  98. style: 'css',
  99. },
  100. ],
  101. ],
  102. //配置额外的babel预设
  103. extraBabelPresets: [],
  104. // 配置额外的webpack 插件
  105. extraPlugins: [],
  106. // 配置favicon 地址
  107. favicon: '',
  108. // 开启ts 编译时的类型检查,默认开启
  109. forkTSChecker: {},
  110. // 配置是否让生成的文件包含hash后缀
  111. hash: true,
  112. //配置图片文件是否走base64的编译的阈值
  113. inlineLimit: 10000, //10k
  114. targets: [],
  115. }