webpack.config.js 8.4 KB

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