webpack.config.pro.js 4.9 KB

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