webpack.config.js 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  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. const entries = require('./entry.js');
  7. const version = require('./package.json').version;
  8. const argv = require('yargs').argv;
  9. let theme = {
  10. '@primary-color': '#58a3ff',
  11. '@link-color': '#58a3ff'
  12. };
  13. let isWatch = argv.env.deploy == 'watch';
  14. let isDev = isWatch || argv.env.deploy == 'dev';
  15. module.exports = (function () {
  16. let plugins = [
  17. new ExtractTextPlugin({
  18. filename: "[name].css",
  19. disable: false,
  20. allChunks: true
  21. }),
  22. //把入口文件里面的数组打包成verdors.js
  23. new webpack.optimize.CommonsChunkPlugin({
  24. name: 'vendors'
  25. }),
  26. //user
  27. new HtmlWebpackPlugin({
  28. title: '用户首页',
  29. filename: 'user/index.html',
  30. template: './template/template.html',
  31. chunks: ['user/index', 'vendors']
  32. }),
  33. new HtmlWebpackPlugin({
  34. title: '用户登录',
  35. filename: 'user/login.html',
  36. template: './template/template.html',
  37. chunks: ['user/login', 'vendors']
  38. }),
  39. new HtmlWebpackPlugin({
  40. title: '用户注册',
  41. filename: 'user/signIn.html',
  42. template: './template/template.html',
  43. chunks: ['user/signIn', 'vendors']
  44. }),
  45. new HtmlWebpackPlugin({
  46. title: '个人用户认证',
  47. filename: 'user/certify.html',
  48. template: './template/template.html',
  49. chunks: ['user/certify', 'vendors']
  50. }),
  51. new HtmlWebpackPlugin({
  52. title: '团体用户认证',
  53. filename: 'user/groupCertify.html',
  54. template: './template/template.html',
  55. chunks: ['user/groupCertify', 'vendors']
  56. }),
  57. //user-account
  58. new HtmlWebpackPlugin({
  59. title: '用户中心-首页',
  60. filename: 'user/account/index.html',
  61. template: './template/template.html',
  62. chunks: ['user/account/index', 'vendors']
  63. }),
  64. new HtmlWebpackPlugin({
  65. title: '用户中心-设置',
  66. filename: 'user/account/set.html',
  67. template: './template/template.html',
  68. chunks: ['user/account/set', 'vendors']
  69. }),
  70. //user-account-services-patent
  71. new HtmlWebpackPlugin({
  72. title: '用户中心-科技服务',
  73. filename: 'user/account/services.html',
  74. template: './template/template.html',
  75. chunks: ['user/account/services', 'vendors']
  76. }),
  77. //admin
  78. new HtmlWebpackPlugin({
  79. title: '管理员-首页',
  80. filename: 'admin/index.html',
  81. template: './template/template.html',
  82. chunks: ['admin/index', 'vendors']
  83. }),
  84. new HtmlWebpackPlugin({
  85. title: '管理员-登录',
  86. filename: 'admin/login.html',
  87. template: './template/template.html',
  88. chunks: ['admin/login', 'vendors']
  89. }),
  90. new HtmlWebpackPlugin({
  91. title: '管理员-用户管理',
  92. filename: 'admin/userManage.html',
  93. template: './template/template.html',
  94. chunks: ['admin/userManage', 'vendors']
  95. }),
  96. //admin-servicesManage
  97. new HtmlWebpackPlugin({
  98. title: '管理员-科技服务管理-专利',
  99. filename: 'admin/servicesManage/patent.html',
  100. template: './template/template.html',
  101. chunks: ['admin/servicesManage/patent', 'vendors']
  102. }),
  103. new HtmlWebpackPlugin({
  104. title: '管理员-科技服务管理-软著',
  105. filename: 'admin/servicesManage/copyright.html',
  106. template: './template/template.html',
  107. chunks: ['admin/servicesManage/copyright', 'vendors']
  108. }),
  109. new HtmlWebpackPlugin({
  110. title: '管理员-科技服务管理-高企',
  111. filename: 'admin/servicesManage/highTech.html',
  112. template: './template/template.html',
  113. chunks: ['admin/servicesManage/highTech', 'vendors']
  114. }),
  115. new HtmlWebpackPlugin({
  116. title: '管理员-科技服务管理-高企信息',
  117. filename: 'admin/servicesManage/highTechInfo.html',
  118. template: './template/template.html',
  119. chunks: ['admin/servicesManage/highTechInfo', 'vendors']
  120. }),
  121. new HtmlWebpackPlugin({
  122. title: '管理员-科技服务管理-科技',
  123. filename: 'admin/servicesManage/technology.html',
  124. template: './template/template.html',
  125. chunks: ['admin/servicesManage/technology', 'vendors']
  126. }),
  127. //admin-set
  128. new HtmlWebpackPlugin({
  129. title: '管理员-用户管理',
  130. filename: 'admin/set.html',
  131. template: './template/template.html',
  132. chunks: ['admin/set', 'vendors']
  133. })
  134. ];
  135. if (!isDev) {
  136. //这个使用uglifyJs压缩你的js代码
  137. plugins.unshift(new webpack.DefinePlugin({
  138. "process.env": {
  139. NODE_ENV: JSON.stringify("production")
  140. }
  141. }));
  142. plugins.unshift(new webpack.optimize.UglifyJsPlugin({
  143. minimize: true,
  144. compress: {
  145. warnings: true
  146. }
  147. }));
  148. }
  149. let staticHost = 'http://afts.hnzhiming.com';
  150. switch (argv.env.deploy) {
  151. case 'stage':
  152. staticHost = 'http://aftts.hnzhiming.com';
  153. break;
  154. case 'prod':
  155. staticHost = 'http://static.goafanti.com';
  156. break;
  157. default:
  158. break;
  159. }
  160. staticHost = staticHost + '/' + version + '/';
  161. return {
  162. entry: isWatch ? entries.watch : entries.prod,
  163. output: {
  164. path: path.resolve(__dirname, './build/' + argv.env.deploy + '/' + version),
  165. filename: '[name].js',
  166. publicPath: staticHost,
  167. chunkFilename: 'chunks/[name].[hash:8].js'
  168. },
  169. module: {
  170. rules: [{
  171. test: /\.jsx?$/,
  172. exclude: /node_modules/,
  173. use: {
  174. loader: 'babel-loader',
  175. options: {
  176. "presets": ["es2015", "react"],
  177. "plugins": [
  178. ["antd", {
  179. "style": true
  180. }]
  181. ]
  182. }
  183. }
  184. },
  185. {
  186. test: /\.less$/,
  187. use: ExtractTextPlugin.extract({
  188. fallback: 'style-loader',
  189. use: [{
  190. loader: 'css-loader',
  191. options: {
  192. importLoaders: 1
  193. }
  194. }, {
  195. loader: 'less-loader',
  196. options: {
  197. modifyVars: theme
  198. }
  199. }]
  200. })
  201. }, {
  202. test: /\.(png|jpg)$/,
  203. use: [{
  204. loader: 'url-loader',
  205. options: {
  206. limit: 8192,
  207. name: '[path][name].[ext]'
  208. }
  209. }]
  210. }
  211. ]
  212. },
  213. resolve: {
  214. extensions: ['.js', '.jsx']
  215. },
  216. plugins: plugins
  217. };
  218. })();