webpack.config.js 10 KB

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