webpack.config.js 12 KB

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