webpack.config.pro.js 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  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. loaders: [{
  35. test: /\.jsx?$/,
  36. exclude: /node_modules/,
  37. loader: 'babel-loader',
  38. query: {
  39. "presets": ["es2015", "react"],
  40. "plugins": [
  41. ["antd", {
  42. "style": true
  43. }]
  44. ]
  45. }
  46. //loaders: ['babel-loader?presets[]=es2015,presets[]=react']
  47. }, {
  48. test: /\.css$/,
  49. loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
  50. }, {
  51. test: /\.less$/,
  52. loader: ExtractTextPlugin.extract('style', `css!less?{"modifyVars":${JSON.stringify(theme)}}`)
  53. }, {
  54. test: /\.(png|jpg)$/,
  55. loader: 'url?limit=8192&name=[path][name].[ext]'
  56. }]
  57. },
  58. resolve: {
  59. extensions: ['', '.js', '.jsx']
  60. },
  61. plugins: [
  62. //这个使用uglifyJs压缩你的js代码
  63. new webpack.optimize.UglifyJsPlugin({
  64. minimize: true,
  65. compress: {
  66. warnings: true
  67. }
  68. }),
  69. new webpack.DefinePlugin({
  70. "process.env": {
  71. NODE_ENV: JSON.stringify("production")
  72. }
  73. }),
  74. new ExtractTextPlugin('[name].css', {
  75. allChunks: true
  76. }),
  77. //把入口文件里面的数组打包成verdors.js
  78. new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'),
  79. //user
  80. new HtmlWebpackPlugin({
  81. title: '用户首页',
  82. filename: 'user/index.html',
  83. template: './template/template.html',
  84. chunks: ['user/index', 'vendors']
  85. }),
  86. new HtmlWebpackPlugin({
  87. title: '用户登录',
  88. filename: 'user/login.html',
  89. template: './template/template.html',
  90. chunks: ['user/login', 'vendors']
  91. }),
  92. new HtmlWebpackPlugin({
  93. title: '用户注册',
  94. filename: 'user/signIn.html',
  95. template: './template/template.html',
  96. chunks: ['user/signIn', 'vendors']
  97. }),
  98. new HtmlWebpackPlugin({
  99. title: '个人用户认证',
  100. filename: 'user/certify.html',
  101. template: './template/template.html',
  102. chunks: ['user/certify', 'vendors']
  103. }),
  104. new HtmlWebpackPlugin({
  105. title: '团体用户认证',
  106. filename: 'user/groupCertify.html',
  107. template: './template/template.html',
  108. chunks: ['user/groupCertify', 'vendors']
  109. }),
  110. //user-account
  111. new HtmlWebpackPlugin({
  112. title: '用户中心-首页',
  113. filename: 'user/account/index.html',
  114. template: './template/template.html',
  115. chunks: ['user/account/index', 'vendors']
  116. }),
  117. new HtmlWebpackPlugin({
  118. title: '用户中心-设置',
  119. filename: 'user/account/set.html',
  120. template: './template/template.html',
  121. chunks: ['user/account/set', 'vendors']
  122. }),
  123. //user-account-services-patent
  124. new HtmlWebpackPlugin({
  125. title: '用户中心-科技服务',
  126. filename: 'user/account/services.html',
  127. template: './template/template.html',
  128. chunks: ['user/account/services', 'vendors']
  129. }),
  130. //admin
  131. new HtmlWebpackPlugin({
  132. title: '管理员-首页',
  133. filename: 'admin/index.html',
  134. template: './template/template.html',
  135. chunks: ['admin/index', 'vendors']
  136. }),
  137. new HtmlWebpackPlugin({
  138. title: '管理员-登录',
  139. filename: 'admin/login.html',
  140. template: './template/template.html',
  141. chunks: ['admin/login', 'vendors']
  142. }),
  143. new HtmlWebpackPlugin({
  144. title: '管理员-用户管理',
  145. filename: 'admin/userManage.html',
  146. template: './template/template.html',
  147. chunks: ['admin/userManage', 'vendors']
  148. }),
  149. //admin-servicesManage
  150. new HtmlWebpackPlugin({
  151. title: '管理员-科技服务管理-专利',
  152. filename: 'admin/servicesManage/patent.html',
  153. template: './template/template.html',
  154. chunks: ['admin/servicesManage/patent', 'vendors']
  155. })
  156. ]
  157. };