webpack.config.js 13 KB

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