webpack.config.pro.js 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  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. let theme = {
  6. '@primary-color': '#58a3ff',
  7. '@link-color': '#58a3ff'
  8. };
  9. module.exports = {
  10. entry: {
  11. //user
  12. 'user/index': './js/user/index.js',
  13. 'user/login': './js/user/login.js',
  14. 'user/signIn': './js/user/signIn.js',
  15. 'user/certify': './js/user/certify.js',
  16. 'user/groupCertify': './js/user/groupCertify.js',
  17. //user-account
  18. 'user/account/index': './js/user/account/index.js',
  19. 'user/account/set': './js/user/account/set.js',
  20. 'user/account/services': './js/user/account/services.js',
  21. //admin
  22. 'admin/index': './js/admin/index.js',
  23. 'admin/login': './js/admin/login.js',
  24. 'admin/userManage': './js/admin/userManage.js',
  25. //admin-servicesManage
  26. 'admin/servicesManage/patent': './js/admin/servicesManage/patent.js',
  27. vendors: ['jquery']
  28. },
  29. output: {
  30. path: path.resolve(__dirname, './build'),
  31. filename: '[name].js',
  32. },
  33. module: {
  34. rules: [{
  35. test: /\.jsx?$/,
  36. exclude: /node_modules/,
  37. use: {
  38. loader: 'babel-loader',
  39. options: {
  40. "presets": ["es2015", "react"],
  41. "plugins": [
  42. ["antd", {
  43. "style": true
  44. }]
  45. ]
  46. }
  47. }
  48. },
  49. {
  50. test: /\.less$/,
  51. use: ExtractTextPlugin.extract({
  52. fallback: 'style-loader',
  53. use: [{
  54. loader: 'css-loader',
  55. options: {
  56. importLoaders: 1
  57. }
  58. }, {
  59. loader: 'less-loader',
  60. options: {
  61. modifyVars: theme
  62. }
  63. }]
  64. })
  65. }, {
  66. test: /\.(png|jpg)$/,
  67. use: [{
  68. loader: 'url-loader',
  69. options: {
  70. limit: 8192,
  71. name: '[path][name].[ext]'
  72. }
  73. }]
  74. }
  75. ]
  76. },
  77. resolve: {
  78. extensions: ['.js', '.jsx']
  79. },
  80. plugins: [
  81. //这个使用uglifyJs压缩你的js代码
  82. new webpack.optimize.UglifyJsPlugin({
  83. minimize: true,
  84. compress: {
  85. warnings: true
  86. }
  87. }),
  88. new webpack.DefinePlugin({
  89. "process.env": {
  90. NODE_ENV: JSON.stringify("production")
  91. }
  92. }),
  93. new ExtractTextPlugin({
  94. filename: "[name].css",
  95. disable: false,
  96. allChunks: true
  97. }),
  98. //把入口文件里面的数组打包成verdors.js
  99. new webpack.optimize.CommonsChunkPlugin({
  100. name: 'vendors',
  101. chunks: ['vendors']
  102. }),
  103. //user
  104. new HtmlWebpackPlugin({
  105. title: '用户首页',
  106. filename: 'user/index.html',
  107. template: './template/template.html',
  108. chunks: ['user/index', 'vendors']
  109. }),
  110. new HtmlWebpackPlugin({
  111. title: '用户登录',
  112. filename: 'user/login.html',
  113. template: './template/template.html',
  114. chunks: ['user/login', 'vendors']
  115. }),
  116. new HtmlWebpackPlugin({
  117. title: '用户注册',
  118. filename: 'user/signIn.html',
  119. template: './template/template.html',
  120. chunks: ['user/signIn', 'vendors']
  121. }),
  122. new HtmlWebpackPlugin({
  123. title: '个人用户认证',
  124. filename: 'user/certify.html',
  125. template: './template/template.html',
  126. chunks: ['user/certify', 'vendors']
  127. }),
  128. new HtmlWebpackPlugin({
  129. title: '团体用户认证',
  130. filename: 'user/groupCertify.html',
  131. template: './template/template.html',
  132. chunks: ['user/groupCertify', 'vendors']
  133. }),
  134. //user-account
  135. new HtmlWebpackPlugin({
  136. title: '用户中心-首页',
  137. filename: 'user/account/index.html',
  138. template: './template/template.html',
  139. chunks: ['user/account/index', 'vendors']
  140. }),
  141. new HtmlWebpackPlugin({
  142. title: '用户中心-设置',
  143. filename: 'user/account/set.html',
  144. template: './template/template.html',
  145. chunks: ['user/account/set', 'vendors']
  146. }),
  147. //user-account-services-patent
  148. new HtmlWebpackPlugin({
  149. title: '用户中心-科技服务',
  150. filename: 'user/account/services.html',
  151. template: './template/template.html',
  152. chunks: ['user/account/services', 'vendors']
  153. }),
  154. //admin
  155. new HtmlWebpackPlugin({
  156. title: '管理员-首页',
  157. filename: 'admin/index.html',
  158. template: './template/template.html',
  159. chunks: ['admin/index', 'vendors']
  160. }),
  161. new HtmlWebpackPlugin({
  162. title: '管理员-登录',
  163. filename: 'admin/login.html',
  164. template: './template/template.html',
  165. chunks: ['admin/login', 'vendors']
  166. }),
  167. new HtmlWebpackPlugin({
  168. title: '管理员-用户管理',
  169. filename: 'admin/userManage.html',
  170. template: './template/template.html',
  171. chunks: ['admin/userManage', 'vendors']
  172. }),
  173. //admin-servicesManage
  174. new HtmlWebpackPlugin({
  175. title: '管理员-科技服务管理-专利',
  176. filename: 'admin/servicesManage/patent.html',
  177. template: './template/template.html',
  178. chunks: ['admin/servicesManage/patent', 'vendors']
  179. })
  180. ]
  181. };