webpack.config.js 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  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:80', // 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:80', // 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:80', // 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:80', // 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:80', // 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:80', // 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:80', // 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:80', // 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:80', // 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:80', // 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:80', // 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:80', // 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. loaders: [{
  71. test: /\.jsx?$/,
  72. exclude: /node_modules/,
  73. loader: 'babel-loader',
  74. query: {
  75. "presets": ["es2015", "react"],
  76. "plugins": [
  77. ["antd", {
  78. "style": true
  79. }]
  80. ]
  81. }
  82. //loaders: ['babel-loader?presets[]=es2015,presets[]=react']
  83. },
  84. //{
  85. //test: /\.module\.less$/,
  86. //loader: 'style!css!less?{"modifyVars":{"@primary-color": "#1DA57A"}}'
  87. //},
  88. {
  89. test: /\.css$/,
  90. loader: 'style!css'
  91. }, {
  92. test: /\.less$/,
  93. loader: `style!css!less?{"modifyVars":${JSON.stringify(theme)}}`
  94. }, {
  95. test: /\.(png|jpg)$/,
  96. loader: 'url?limit=8192&name=[path][name].[ext]'
  97. }
  98. //{test: /\.(png|jpg)$/, loader: 'file' }
  99. ]
  100. },
  101. resolve: {
  102. extensions: ['', '.js', '.jsx']
  103. },
  104. plugins: [
  105. new ExtractTextPlugin('[name].bundle.css', {
  106. allChunks: true
  107. }),
  108. //user
  109. new HtmlWebpackPlugin({
  110. title: '用户首页',
  111. filename: 'user/index.html',
  112. template: './template/template.html',
  113. chunks: ['user/index', 'vendors']
  114. }),
  115. new HtmlWebpackPlugin({
  116. title: '用户登录',
  117. filename: 'user/login.html',
  118. template: './template/template.html',
  119. chunks: ['user/login', 'vendors']
  120. }),
  121. new HtmlWebpackPlugin({
  122. title: '用户注册',
  123. filename: 'user/signIn.html',
  124. template: './template/template.html',
  125. chunks: ['user/signIn', 'vendors']
  126. }),
  127. new HtmlWebpackPlugin({
  128. title: '个人用户认证',
  129. filename: 'user/certify.html',
  130. template: './template/template.html',
  131. chunks: ['user/certify', 'vendors']
  132. }),
  133. new HtmlWebpackPlugin({
  134. title: '团体用户认证',
  135. filename: 'user/groupCertify.html',
  136. template: './template/template.html',
  137. chunks: ['user/groupCertify', 'vendors']
  138. }),
  139. //user-account
  140. new HtmlWebpackPlugin({
  141. title: '用户中心-首页',
  142. filename: 'user/account/index.html',
  143. template: './template/template.html',
  144. chunks: ['user/account/index', 'vendors']
  145. }),
  146. new HtmlWebpackPlugin({
  147. title: '用户中心-设置',
  148. filename: 'user/account/set.html',
  149. template: './template/template.html',
  150. chunks: ['user/account/set', 'vendors']
  151. }),
  152. new HtmlWebpackPlugin({
  153. title: '用户中心-科技服务',
  154. filename: 'user/account/services.html',
  155. template: './template/template.html',
  156. chunks: ['user/account/services', 'vendors']
  157. }),
  158. //admin
  159. new HtmlWebpackPlugin({
  160. title: '管理员-首页',
  161. filename: 'admin/index.html',
  162. template: './template/template.html',
  163. chunks: ['admin/index', 'vendors']
  164. }),
  165. new HtmlWebpackPlugin({
  166. title: '管理员-登录',
  167. filename: 'admin/login.html',
  168. template: './template/template.html',
  169. chunks: ['admin/login', 'vendors']
  170. }),
  171. new HtmlWebpackPlugin({
  172. title: '管理员-用户管理',
  173. filename: 'admin/userManage.html',
  174. template: './template/template.html',
  175. chunks: ['admin/userManage', 'vendors']
  176. }),
  177. //admin-servicesManage
  178. new HtmlWebpackPlugin({
  179. title: '管理员-科技服务管理-专利',
  180. filename: 'admin/servicesManage/patent.html',
  181. template: './template/template.html',
  182. chunks: ['admin/servicesManage/patent', 'vendors']
  183. }),
  184. //这个使用uglifyJs压缩你的js代码
  185. //new webpack.optimize.UglifyJsPlugin({minimize: true}),
  186. //把入口文件里面的数组打包成verdors.js
  187. //new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'),
  188. ]
  189. };