webpack.config.js 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. const webpack = require('webpack');
  2. const path = require('path');
  3. const ExtractTextPlugin = require("extract-text-webpack-plugin");
  4. const HtmlWebpackPlugin = require('html-webpack-plugin');
  5. const WebpackDevServer = require('webpack-dev-server');
  6. let theme = {
  7. '@primary-color': '#58a3ff',
  8. '@link-color': '#58a3ff'
  9. };
  10. module.exports = {
  11. entry: {
  12. 'user/index': ['webpack-dev-server/client?http://127.0.0.1:8000', // WebpackDevServer host and port
  13. 'webpack/hot/only-dev-server',
  14. './js/user/index.js'
  15. ],
  16. 'user/login': ['webpack-dev-server/client?http://127.0.0.1:8000', // WebpackDevServer host and port
  17. 'webpack/hot/only-dev-server',
  18. './js/user/login.js'
  19. ],
  20. 'user/signIn': ['webpack-dev-server/client?http://127.0.0.1:8000', // WebpackDevServer host and port
  21. 'webpack/hot/only-dev-server',
  22. './js/user/signIn.js'
  23. ],
  24. 'user/certify': ['webpack-dev-server/client?http://127.0.0.1:8000', // WebpackDevServer host and port
  25. 'webpack/hot/only-dev-server',
  26. './js/user/certify.js'
  27. ],
  28. 'user/groupCertify': ['webpack-dev-server/client?http://127.0.0.1:8000', // WebpackDevServer host and port
  29. 'webpack/hot/only-dev-server',
  30. './js/user/groupCertify.js'
  31. ],
  32. //user-account
  33. 'user/account/index': ['webpack-dev-server/client?http://127.0.0.1:8000', // WebpackDevServer host and port
  34. 'webpack/hot/only-dev-server',
  35. './js/user/account/index.js'
  36. ],
  37. 'user/account/set': ['webpack-dev-server/client?http://127.0.0.1:8000', // WebpackDevServer host and port
  38. 'webpack/hot/only-dev-server',
  39. './js/user/account/set.js'
  40. ],
  41. 'user/account/services': ['webpack-dev-server/client?http://127.0.0.1:8000', // WebpackDevServer host and port
  42. 'webpack/hot/only-dev-server',
  43. './js/user/account/services.js'
  44. ],
  45. //admin
  46. 'admin/index': ['webpack-dev-server/client?http://127.0.0.1:8000', // WebpackDevServer host and port
  47. 'webpack/hot/only-dev-server',
  48. './js/admin/index.js'
  49. ],
  50. 'admin/login': ['webpack-dev-server/client?http://127.0.0.1:8000', // WebpackDevServer host and port
  51. 'webpack/hot/only-dev-server',
  52. './js/admin/login.js'
  53. ],
  54. 'admin/userManage': ['webpack-dev-server/client?http://127.0.0.1:8000', // WebpackDevServer host and port
  55. 'webpack/hot/only-dev-server',
  56. './js/admin/userManage.js'
  57. ],
  58. 'admin/servicesManage/patent': ['webpack-dev-server/client?http://127.0.0.1:8000', // WebpackDevServer host and port
  59. 'webpack/hot/only-dev-server',
  60. './js/admin/servicesManage/patent.js'
  61. ]
  62. //vendors: ['jquery','antd']
  63. //path.resolve(__dirname, './js/index.js'),
  64. },
  65. output: {
  66. path: path.resolve(__dirname, './build'),
  67. filename: '[name].js'
  68. },
  69. module: {
  70. rules: [{
  71. test: /\.jsx?$/,
  72. exclude: /node_modules/,
  73. use: {
  74. loader: 'babel-loader',
  75. options: {
  76. "presets": ["es2015", "react"],
  77. "plugins": [
  78. ["antd", {
  79. "style": true
  80. }]
  81. ]
  82. }
  83. }
  84. },
  85. {
  86. test: /\.less$/,
  87. use: ExtractTextPlugin.extract({
  88. fallback: 'style-loader',
  89. use: [{
  90. loader: 'css-loader',
  91. options: {
  92. importLoaders: 1
  93. }
  94. }, {
  95. loader: 'less-loader',
  96. options: {
  97. modifyVars: theme
  98. }
  99. }]
  100. })
  101. }, {
  102. test: /\.(png|jpg)$/,
  103. use: [{
  104. loader: 'url-loader',
  105. options: {
  106. limit: 8192,
  107. name: '[path][name].[ext]'
  108. }
  109. }]
  110. }
  111. ]
  112. },
  113. resolve: {
  114. extensions: ['.js', '.jsx']
  115. },
  116. plugins: [
  117. new ExtractTextPlugin({
  118. filename: "[name].css",
  119. disable: false,
  120. allChunks: true
  121. }),
  122. //user
  123. new HtmlWebpackPlugin({
  124. title: '用户首页',
  125. filename: 'user/index.html',
  126. template: './template/template.html',
  127. chunks: ['user/index', 'vendors']
  128. }),
  129. new HtmlWebpackPlugin({
  130. title: '用户登录',
  131. filename: 'user/login.html',
  132. template: './template/template.html',
  133. chunks: ['user/login', 'vendors']
  134. }),
  135. new HtmlWebpackPlugin({
  136. title: '用户注册',
  137. filename: 'user/signIn.html',
  138. template: './template/template.html',
  139. chunks: ['user/signIn', 'vendors']
  140. }),
  141. new HtmlWebpackPlugin({
  142. title: '个人用户认证',
  143. filename: 'user/certify.html',
  144. template: './template/template.html',
  145. chunks: ['user/certify', 'vendors']
  146. }),
  147. new HtmlWebpackPlugin({
  148. title: '团体用户认证',
  149. filename: 'user/groupCertify.html',
  150. template: './template/template.html',
  151. chunks: ['user/groupCertify', 'vendors']
  152. }),
  153. //user-account
  154. new HtmlWebpackPlugin({
  155. title: '用户中心-首页',
  156. filename: 'user/account/index.html',
  157. template: './template/template.html',
  158. chunks: ['user/account/index', 'vendors']
  159. }),
  160. new HtmlWebpackPlugin({
  161. title: '用户中心-设置',
  162. filename: 'user/account/set.html',
  163. template: './template/template.html',
  164. chunks: ['user/account/set', 'vendors']
  165. }),
  166. new HtmlWebpackPlugin({
  167. title: '用户中心-科技服务',
  168. filename: 'user/account/services.html',
  169. template: './template/template.html',
  170. chunks: ['user/account/services', 'vendors']
  171. }),
  172. //admin
  173. new HtmlWebpackPlugin({
  174. title: '管理员-首页',
  175. filename: 'admin/index.html',
  176. template: './template/template.html',
  177. chunks: ['admin/index', 'vendors']
  178. }),
  179. new HtmlWebpackPlugin({
  180. title: '管理员-登录',
  181. filename: 'admin/login.html',
  182. template: './template/template.html',
  183. chunks: ['admin/login', 'vendors']
  184. }),
  185. new HtmlWebpackPlugin({
  186. title: '管理员-用户管理',
  187. filename: 'admin/userManage.html',
  188. template: './template/template.html',
  189. chunks: ['admin/userManage', 'vendors']
  190. }),
  191. //admin-servicesManage
  192. new HtmlWebpackPlugin({
  193. title: '管理员-科技服务管理-专利',
  194. filename: 'admin/servicesManage/patent.html',
  195. template: './template/template.html',
  196. chunks: ['admin/servicesManage/patent', 'vendors']
  197. })
  198. ]
  199. };