webpack.config.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302
  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('./webpack/entry.config.js');
  7. const version = require('./package.json').version;
  8. const argv = require('yargs').argv;
  9. const dirVars = require('./webpack/dir.config.js');
  10. let theme = {
  11. '@primary-color': '#58a3ff',
  12. '@link-color': '#58a3ff'
  13. };
  14. let isWatch = argv.env.watch == 'watch';
  15. let isDev = isWatch || argv.env.deploy == 'dev';
  16. process.traceDeprecation = true;
  17. process.noDeprecation = true;
  18. module.exports = (function () {
  19. let plugins = [
  20. //把入口文件里面的数组打包成verdors.js
  21. new webpack.optimize.CommonsChunkPlugin({
  22. name: 'vendors'
  23. }),
  24. // /* 配置好Dll */
  25. // new webpack.DllReferencePlugin({
  26. // context: dirVars.staticRootDir, // 指定一个路径作为上下文环境,需要与DllPlugin的context参数保持一致,建议统一设置为项目根目录
  27. // manifest: require('./dll/'+argv.env.deploy+'/manifest.json') // 指定manifest.json
  28. // }),
  29. new ExtractTextPlugin({
  30. filename: "[name].css",
  31. disable: false,
  32. allChunks: true
  33. }),
  34. //user
  35. new HtmlWebpackPlugin({
  36. title: '用户首页',
  37. filename: 'user/index.html',
  38. template: './template/template.html',
  39. chunks: ['user/index', 'vendors']
  40. }),
  41. new HtmlWebpackPlugin({
  42. title: '用户登录',
  43. filename: 'user/login.html',
  44. template: './template/template.html',
  45. chunks: ['user/login', 'vendors']
  46. }),
  47. new HtmlWebpackPlugin({
  48. title: '用户注册',
  49. filename: 'user/signIn.html',
  50. template: './template/template.html',
  51. chunks: ['user/signIn', 'vendors']
  52. }),
  53. new HtmlWebpackPlugin({
  54. title: '个人用户认证',
  55. filename: 'user/certify.html',
  56. template: './template/template.html',
  57. chunks: ['user/certify', 'vendors']
  58. }),
  59. new HtmlWebpackPlugin({
  60. title: '团体用户认证',
  61. filename: 'user/groupCertify.html',
  62. template: './template/template.html',
  63. chunks: ['user/groupCertify', 'vendors']
  64. }),
  65. new HtmlWebpackPlugin({
  66. title: '用户详情',
  67. filename: 'user/subscriberDetail.html',
  68. template: './template/template.html',
  69. chunks: ['user/subscriberDetail', 'vendors']
  70. }),
  71. //user-account
  72. new HtmlWebpackPlugin({
  73. title: '用户中心-首页',
  74. filename: 'user/account/index.html',
  75. template: './template/template.html',
  76. chunks: ['user/account/index', 'vendors']
  77. }),
  78. new HtmlWebpackPlugin({
  79. title: '用户中心-设置',
  80. filename: 'user/account/set.html',
  81. template: './template/template.html',
  82. chunks: ['user/account/set', 'vendors']
  83. }),
  84. new HtmlWebpackPlugin({
  85. title: '用户中心-科技服务',
  86. filename: 'user/account/services.html',
  87. template: './template/template.html',
  88. chunks: ['user/account/services', 'vendors']
  89. }),
  90. new HtmlWebpackPlugin({
  91. title: '用户中心-科技服务',
  92. filename: 'user/account/achievement.html',
  93. template: './template/template.html',
  94. chunks: ['user/account/achievement', 'vendors']
  95. }),
  96. new HtmlWebpackPlugin({
  97. title: '用户中心-科技服务',
  98. filename: 'user/account/demand.html',
  99. template: './template/template.html',
  100. chunks: ['user/account/demand', 'vendors']
  101. }),
  102. new HtmlWebpackPlugin({
  103. title: '管理员-科技服务管理-科技评估信息',
  104. filename: 'user/account/evaluateInfo.html',
  105. template: './template/template.html',
  106. chunks: ['user/account/evaluateInfo', 'vendors']
  107. }),
  108. //admin
  109. new HtmlWebpackPlugin({
  110. title: '管理员-首页',
  111. filename: 'admin/index.html',
  112. template: './template/template.html',
  113. chunks: ['admin/index', 'vendors']
  114. }),
  115. new HtmlWebpackPlugin({
  116. title: '管理员-登录',
  117. filename: 'admin/login.html',
  118. template: './template/template.html',
  119. chunks: ['admin/login', 'vendors']
  120. }),
  121. new HtmlWebpackPlugin({
  122. title: '管理员-用户管理',
  123. filename: 'admin/userManage.html',
  124. template: './template/template.html',
  125. chunks: ['admin/userManage', 'vendors']
  126. }),
  127. //admin-servicesManage
  128. new HtmlWebpackPlugin({
  129. title: '管理员-科技服务管理-专利',
  130. filename: 'admin/servicesManage/contract.html',
  131. template: './template/template.html',
  132. chunks: ['admin/servicesManage/contract', 'vendors']
  133. }),
  134. new HtmlWebpackPlugin({
  135. title: '管理员-科技服务管理-专利',
  136. filename: 'admin/servicesManage/patent.html',
  137. template: './template/template.html',
  138. chunks: ['admin/servicesManage/patent', 'vendors']
  139. }),
  140. new HtmlWebpackPlugin({
  141. title: '管理员-科技服务管理-软著',
  142. filename: 'admin/servicesManage/copyright.html',
  143. template: './template/template.html',
  144. chunks: ['admin/servicesManage/copyright', 'vendors']
  145. }),
  146. new HtmlWebpackPlugin({
  147. title: '管理员-科技服务管理-高企',
  148. filename: 'admin/servicesManage/highTech.html',
  149. template: './template/template.html',
  150. chunks: ['admin/servicesManage/highTech', 'vendors']
  151. }),
  152. new HtmlWebpackPlugin({
  153. title: '管理员-科技服务管理-高企信息',
  154. filename: 'admin/servicesManage/highTechInfo.html',
  155. template: './template/template.html',
  156. chunks: ['admin/servicesManage/highTechInfo', 'vendors']
  157. }),
  158. new HtmlWebpackPlugin({
  159. title: '管理员-科技服务管理-科技',
  160. filename: 'admin/servicesManage/technology.html',
  161. template: './template/template.html',
  162. chunks: ['admin/servicesManage/technology', 'vendors']
  163. }),
  164. new HtmlWebpackPlugin({
  165. title: '管理员-科技服务管理-项目单',
  166. filename: 'admin/servicesManage/projectOrder.html',
  167. template: './template/template.html',
  168. chunks: ['admin/servicesManage/projectOrder', 'vendors']
  169. }),
  170. //admin-demand
  171. new HtmlWebpackPlugin({
  172. title: '管理员-用户管理',
  173. filename: 'admin/demand.html',
  174. template: './template/template.html',
  175. chunks: ['admin/demand', 'vendors']
  176. }),
  177. //admin-achievement
  178. new HtmlWebpackPlugin({
  179. title: '管理员-用户管理',
  180. filename: 'admin/achievement.html',
  181. template: './template/template.html',
  182. chunks: ['admin/achievement', 'vendors']
  183. }),
  184. new HtmlWebpackPlugin({
  185. title: '管理员-用户管理',
  186. filename: 'admin/customer.html',
  187. template: './template/template.html',
  188. chunks: ['admin/customer', 'vendors']
  189. }),
  190. //admin-set
  191. new HtmlWebpackPlugin({
  192. title: '管理员-用户管理',
  193. filename: 'admin/set.html',
  194. template: './template/template.html',
  195. chunks: ['admin/set', 'vendors']
  196. }),
  197. //admin-idea
  198. new HtmlWebpackPlugin({
  199. title: '管理员-科技思想管理',
  200. filename: 'admin/idea.html',
  201. template: './template/template.html',
  202. chunks: ['admin/idea', 'vendors']
  203. }),
  204. //admin-userOrder
  205. new HtmlWebpackPlugin({
  206. title: '管理员-用户订单管理',
  207. filename: 'admin/userOrder.html',
  208. template: './template/template.html',
  209. chunks: ['admin/userOrder', 'vendors']
  210. }),
  211. new HtmlWebpackPlugin({
  212. title: '管理员-订单管理',
  213. filename: 'admin/order.html',
  214. template: './template/template.html',
  215. chunks: ['admin/order', 'vendors']
  216. }),
  217. new HtmlWebpackPlugin({
  218. title: '管理员-平台管理',
  219. filename: 'admin/operate.html',
  220. template: './template/template.html',
  221. chunks: ['admin/operate', 'vendors']
  222. }),
  223. //portal 门户
  224. // new HtmlWebpackPlugin({
  225. // title: '主页-需求搜索',
  226. // filename: 'portal/search/demand.html',
  227. // template: './template/template.html',
  228. // chunks: ['portal/search/demand', 'vendors']
  229. // }),
  230. // new HtmlWebpackPlugin({
  231. // title: '主页-科技成果搜索',
  232. // filename: 'portal/search/achievement.html',
  233. // template: './template/template.html',
  234. // chunks: ['portal/search/achievement', 'vendors']
  235. // }),
  236. // new HtmlWebpackPlugin({
  237. // title: '主页-行家搜索',
  238. // filename: 'portal/search/subscriberUser.html',
  239. // template: './template/template.html',
  240. // chunks: ['portal/search/subscriberUser', 'vendors']
  241. // }),
  242. // new HtmlWebpackPlugin({
  243. // title: '主页-伙伴搜索',
  244. // filename: 'portal/search/subscriberOrg.html',
  245. // template: './template/template.html',
  246. // chunks: ['portal/search/subscriberOrg', 'vendors']
  247. // })
  248. ];
  249. if (!isDev) {
  250. //这个使用uglifyJs压缩你的js代码
  251. plugins.unshift(new webpack.DefinePlugin({
  252. "process.env": {
  253. NODE_ENV: JSON.stringify("production")
  254. }
  255. }));
  256. plugins.unshift(new webpack.optimize.UglifyJsPlugin({
  257. minimize: true,
  258. compress: {
  259. warnings: true
  260. }
  261. }));
  262. }
  263. //let staticHost = 'http://afts.hnzhiming.com';
  264. let staticHost = 'http://127.0.0.1';
  265. switch (argv.env.deploy) {
  266. case 'test':
  267. staticHost = 'http://static.jishutao.com';
  268. break;
  269. case 'prod':
  270. staticHost = 'http://s.jishutao.com';
  271. break;
  272. default:
  273. break;
  274. }
  275. staticHost = staticHost + '/' + version + '/';
  276. theme['@icon-url'] = '"' + staticHost + 'css/iconfont/iconfont"'
  277. return {
  278. entry: isWatch ? entries.watch : entries.prod,
  279. output: {
  280. path: path.resolve(__dirname, './build/' + argv.env.deploy + '/' + version),
  281. filename: '[name].js',
  282. publicPath: staticHost,
  283. chunkFilename: 'chunks/[name].[hash:8].js'
  284. },
  285. module: require('./webpack/module.config.js')(theme),
  286. resolve: {
  287. extensions: ['.js', '.jsx']
  288. },
  289. plugins: plugins,
  290. devServer: {
  291. disableHostCheck: true,
  292. allowedHosts: ['aft.hnzhiming.com', 'afts.hnzhiming.com'],
  293. headers: {
  294. "Access-Control-Allow-Origin": "*"
  295. }
  296. }
  297. };
  298. })();