webpack.config.js 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435
  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 ImageminPlugin = require('imagemin-webpack-plugin').default;
  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. new webpack.optimize.CommonsChunkPlugin({
  19. name: 'vendors',
  20. // minChunks: Infinity
  21. }),
  22. new ExtractTextPlugin({
  23. filename: "[name].css",
  24. disable: false,
  25. allChunks: true
  26. }),
  27. new webpack.ProvidePlugin({
  28. $: "jquery",
  29. jQuery: "jquery"
  30. }),
  31. new HtmlWebpackPlugin({
  32. title: '首页',
  33. filename: 'html/index.html',
  34. template: './template/index.html',
  35. chunks: ['vendors','index' ]
  36. }),
  37. new HtmlWebpackPlugin({
  38. title: '搜索页',
  39. filename: 'html/index.html',
  40. template: './template/search.html',
  41. chunks: ['vendors','search']
  42. }),
  43. // new HtmlWebpackPlugin({
  44. // title: '支付跳转页面',
  45. // filename: 'html/toPayment.html',
  46. // template: './template/toPayment.html',
  47. // chunks: ['toPayment', 'vendors']
  48. // }),
  49. new HtmlWebpackPlugin({
  50. title: '关于公司',
  51. filename: 'html/aboutUs.html',
  52. template: './template/aboutUs.html',
  53. chunks: ['aboutUs', 'vendors']
  54. }),
  55. // new HtmlWebpackPlugin({
  56. // title: '关于公司APP',
  57. // filename: 'html/APPaboutUs.html',
  58. // template: './template/APPaboutUs.html',
  59. // chunks: ['APPaboutUs', 'vendors']
  60. // }),
  61. new HtmlWebpackPlugin({
  62. title: '联系我们',
  63. filename: 'html/contactUs.html',
  64. template: './template/contactUs.html',
  65. chunks: ['contactUs', 'vendors']
  66. }),
  67. // new HtmlWebpackPlugin({
  68. // title: '科技服务',
  69. // filename: 'html/service.html',
  70. // template: './template/service.html',
  71. // chunks: ['service', 'vendors']
  72. // }),
  73. new HtmlWebpackPlugin({
  74. title: '注册',
  75. filename: 'html/register.html',
  76. template: './template/register.html',
  77. chunks: ['register', 'vendors']
  78. }),
  79. // new HtmlWebpackPlugin({
  80. // title: '会员',
  81. // filename: 'html/member.html',
  82. // template: './template/member.html',
  83. // chunks: ['member', 'vendors']
  84. // }),
  85. // new HtmlWebpackPlugin({
  86. // title: '科技交易',
  87. // filename: 'html/technologyTrading.html',
  88. // template: './template/technologyTrading.html',
  89. // chunks: ['technologyTrading', 'vendors']
  90. // }),
  91. new HtmlWebpackPlugin({
  92. title: '科技智库',
  93. filename: 'html/thinkTank.html',
  94. template: './template/thinkTank.html',
  95. chunks: ['thinkTank', 'vendors']
  96. }),
  97. // new HtmlWebpackPlugin({
  98. // title: '科技金融',
  99. // filename: 'html/financialIndex.html',
  100. // template: './template/financialIndex.html',
  101. // chunks: ['financialIndex', 'vendors']
  102. // }),
  103. // new HtmlWebpackPlugin({
  104. // title: '科技交易-技术专利',
  105. // filename: 'html/technologyTrading/achievement.html',
  106. // template: './template/technologyTrading/achievement.html',
  107. // chunks: ['technologyTrading/achievement', 'vendors']
  108. // }),
  109. // new HtmlWebpackPlugin({
  110. // title: '科技交易-技术需求',
  111. // filename: 'html/technologyTrading/demand.html',
  112. // template: './template/technologyTrading/demand.html',
  113. // chunks: ['technologyTrading/demand', 'vendors']
  114. // }),
  115. new HtmlWebpackPlugin({
  116. title: '科技交易-技术专利详情',
  117. filename: 'html/technologyTrading/achievementDetail.html',
  118. template: './template/technologyTrading/achievementDetail.html',
  119. chunks: ['technologyTrading/achievementDetail', 'vendors']
  120. }),
  121. new HtmlWebpackPlugin({
  122. title: '科技交易-技术需求详情',
  123. filename: 'html/technologyTrading/demandDetail.html',
  124. template: './template/technologyTrading/demandDetail.html',
  125. chunks: ['technologyTrading/demandDetail', 'vendors']
  126. }),
  127. // new HtmlWebpackPlugin({
  128. // title: '在线评估',
  129. // filename: 'html/technologyTrading/assessMent.html',
  130. // template: './template/technologyTrading/assessMent.html',
  131. // chunks: ['technologyTrading/assessMent', 'vendors']
  132. // }),
  133. // new HtmlWebpackPlugin({
  134. // title: '科技交易-技术成果下单页面',
  135. // filename: 'html/technologyTrading/achievementOrder.html',
  136. // template: './template/technologyTrading/achievementOrder.html',
  137. // chunks: ['technologyTrading/achievementOrder', 'vendors']
  138. // }),
  139. // new HtmlWebpackPlugin({
  140. // title: '科技交易-技术需求下单页面',
  141. // filename: 'html/technologyTrading/demandOrder.html',
  142. // template: './template/technologyTrading/demandOrder.html',
  143. // chunks: ['technologyTrading/demandOrder', 'vendors']
  144. // }),
  145. new HtmlWebpackPlugin({
  146. title: '智库咨询-智政详情',
  147. filename: 'html/thinkTank/policyDetail.html',
  148. template: './template/thinkTank/policyDetail.html',
  149. chunks: ['thinkTank/policyDetail', 'vendors']
  150. }),
  151. new HtmlWebpackPlugin({
  152. title: '智库咨询-智政列表',
  153. filename: 'html/thinkTank/policyList.html',
  154. template: './template/thinkTank/policyList.html',
  155. chunks: ['thinkTank/policyList', 'vendors']
  156. }),
  157. new HtmlWebpackPlugin({
  158. title: '智库咨询-智者详情',
  159. filename: 'html/thinkTank/thinkerDetail.html',
  160. template: './template/thinkTank/thinkerDetail.html',
  161. chunks: ['thinkTank/thinkerDetail', 'vendors']
  162. }),
  163. // new HtmlWebpackPlugin({
  164. // title: '科技金融-投资机构',
  165. // filename: 'html/financial/investmentInstitution.html',
  166. // template: './template/financial/investmentInstitution.html',
  167. // chunks: ['financial/investmentInstitution', 'vendors']
  168. // }),
  169. // new HtmlWebpackPlugin({
  170. // title: '科技金融-投资机构',
  171. // filename: 'html/financial/investmentDetail.html',
  172. // template: './template/financial/investmentDetail.html',
  173. // chunks: ['financial/investmentDetail', 'vendors']
  174. // }),
  175. // new HtmlWebpackPlugin({
  176. // title: '科技服务-高新认定',
  177. // filename: 'html/service/highTechCognizance.html',
  178. // template: './template/service/highTechCognizance.html',
  179. // chunks: ['service/highTechCognizance', 'vendors']
  180. // }),
  181. // new HtmlWebpackPlugin({
  182. // title: '科技服务-知识产权',
  183. // filename: 'html/service/propertyRight.html',
  184. // template: './template/service/propertyRight.html',
  185. // chunks: ['service/propertyRight', 'vendors']
  186. // }),
  187. // new HtmlWebpackPlugin({
  188. // title: '科技服务-高新认定',
  189. // filename: 'html/service/projectDetails.html',
  190. // template: './template/service/projectDetails.html',
  191. // chunks: ['service/projectDetails', 'vendors']
  192. // }),
  193. // new HtmlWebpackPlugin({
  194. // title: '科技服务-服务意向',
  195. // filename: 'html/service/purpose.html',
  196. // template: './template/service/purpose.html',
  197. // chunks: ['service/purpose', 'vendors']
  198. // }),
  199. //newsApp
  200. new HtmlWebpackPlugin({
  201. title: '新闻详情',
  202. filename: 'html/news/newsDetailApp.html',
  203. template: './template/news/newsDetailApp.html',
  204. chunks: ['news/newsDetailApp', 'vendors']
  205. }),
  206. // new HtmlWebpackPlugin({
  207. // title: '高企认定',
  208. // filename: 'html/news/appCognizance.html',
  209. // template: './template/news/appCognizance.html',
  210. // chunks: ['news/appCognizance', 'vendors']
  211. // }),
  212. new HtmlWebpackPlugin({
  213. title: '注册协议',
  214. filename: 'html/news/agreement.html',
  215. template: './template/news/agreement.html',
  216. chunks: ['news/agreement', 'vendors']
  217. }),
  218. /* 2018-6 改版后科技需求 */
  219. new HtmlWebpackPlugin({
  220. title: '科技需求',
  221. filename: 'html/newMenu/demand.html',
  222. template: './template/newMenu/demand.html',
  223. chunks: ['newMenu/demand', 'vendors']
  224. }),
  225. new HtmlWebpackPlugin({
  226. title: '科技成果',
  227. filename: 'html/newMenu/achievement.html',
  228. template: './template/newMenu/achievement.html',
  229. chunks: ['newMenu/achievement', 'vendors']
  230. }),
  231. new HtmlWebpackPlugin({
  232. title: '科技成果列表',
  233. filename: 'html/newMenu/achievementList.html',
  234. template: './template/newMenu/achievementList.html',
  235. chunks: ['newMenu/achievementList', 'vendors']
  236. }),
  237. new HtmlWebpackPlugin({
  238. title: '科技需求列表',
  239. filename: 'html/newMenu/demandList.html',
  240. template: './template/newMenu/demandList.html',
  241. chunks: ['newMenu/demandList', 'vendors']
  242. }),
  243. new HtmlWebpackPlugin({
  244. title: '科技服务',
  245. filename: 'html/newMenu/services.html',
  246. template: './template/newMenu/services.html',
  247. chunks: ['newMenu/services', 'vendors']
  248. }),
  249. new HtmlWebpackPlugin({
  250. title: '科技服务列表',
  251. filename: 'html/newMenu/serviceList.html',
  252. template: './template/newMenu/serviceList.html',
  253. chunks: ['newMenu/serviceList', 'vendors']
  254. }),
  255. new HtmlWebpackPlugin({
  256. title: '科技服务详情',
  257. filename: 'html/newMenu/serviceDetails.html',
  258. template: './template/newMenu/serviceDetails.html',
  259. chunks: ['newMenu/serviceDetails', 'vendors']
  260. }),
  261. new HtmlWebpackPlugin({
  262. title: '购物车',
  263. filename: 'html/newMenu/shopList.html',
  264. template: './template/newMenu/shopList.html',
  265. chunks: ['newMenu/shopList', 'vendors']
  266. }),
  267. new HtmlWebpackPlugin({
  268. title: '专利列表',
  269. filename: 'html/newMenu/patentList.html',
  270. template: './template/newMenu/patentList.html',
  271. chunks: ['newMenu/patentList', 'vendors']
  272. }),
  273. new HtmlWebpackPlugin({
  274. title: '知识产权交易首页',
  275. filename: 'html/newMenu/tradingIndex.html',
  276. template: './template/newMenu/tradingIndex.html',
  277. chunks: ['newMenu/tradingIndex', 'vendors']
  278. }),
  279. new HtmlWebpackPlugin({
  280. title: '知识产权申请首页',
  281. filename: 'html/newMenu/patent.html',
  282. template: './template/newMenu/patent.html',
  283. chunks: ['newMenu/patent', 'vendors']
  284. }),
  285. new HtmlWebpackPlugin({
  286. title: '公司简介',
  287. filename: 'html/newMenu/companyProfile.html',
  288. template: './template/newMenu/companyProfile.html',
  289. chunks: ['newMenu/companyProfile', 'vendors']
  290. }),
  291. new HtmlWebpackPlugin({
  292. title: '高企认定',
  293. filename: 'html/newMenu/continueHigh.html',
  294. template: './template/newMenu/landingPage/continueHigh.html',
  295. chunks: ['newMenu/continueHigh', 'vendors']
  296. }),
  297. new HtmlWebpackPlugin({
  298. title: '实用新型专利',
  299. filename: 'html/newMenu/practicalPatent.html',
  300. template: './template/newMenu/landingPage/practicalPatent.html',
  301. chunks: ['newMenu/practicalPatent', 'vendors']
  302. }),
  303. new HtmlWebpackPlugin({
  304. title: '军工认证',
  305. filename: 'html/newMenu/militaryProject.html',
  306. template: './template/newMenu/landingPage/militaryProject.html',
  307. chunks: ['newMenu/militaryProject', 'vendors']
  308. }),
  309. // new HtmlWebpackPlugin({
  310. // title: '高企认定App',
  311. // filename: 'html/newMenu/continueHighApp.html',
  312. // template: './template/newMenu/landingPage/continueHighApp.html',
  313. // chunks: ['newMenu/continueHighApp', 'vendors']
  314. // }),
  315. // new HtmlWebpackPlugin({
  316. // title: '实用新型专利App',
  317. // filename: 'html/newMenu/practicalPatentApp.html',
  318. // template: './template/newMenu/landingPage/practicalPatentApp.html',
  319. // chunks: ['newMenu/practicalPatentApp', 'vendors']
  320. // }),
  321. // new HtmlWebpackPlugin({
  322. // title: '军工认证App',
  323. // filename: 'html/newMenu/militaryProjectApp.html',
  324. // template: './template/newMenu/landingPage/militaryProjectApp.html',
  325. // chunks: ['newMenu/militaryProjectApp', 'vendors']
  326. // }),
  327. new HtmlWebpackPlugin({
  328. title: '知识产权维权',
  329. filename: 'html/newMenu/safeguarding.html',
  330. template: './template/newMenu/safeguarding.html',
  331. chunks: ['newMenu/safeguarding', 'vendors']
  332. }),
  333. //app
  334. // new HtmlWebpackPlugin({
  335. // title: '评估',
  336. // filename: 'html/newMenu/app/assessment.html',
  337. // template: './template/newMenu/app/assessment.html',
  338. // chunks: ['newMenu/app/assessment', 'vendors']
  339. // }),
  340. // new HtmlWebpackPlugin({
  341. // title: '托管',
  342. // filename: 'html/newMenu/app/trusteeship.html',
  343. // template: './template/newMenu/app/trusteeship.html',
  344. // chunks: ['newMenu/app/trusteeship', 'vendors']
  345. // }),
  346. // new HtmlWebpackPlugin({
  347. // title: 'app维权',
  348. // filename: 'html/newMenu/app/safeguardApp.html',
  349. // template: './template/newMenu/app/safeguardApp.html',
  350. // chunks: ['newMenu/app/safeguardApp', 'vendors']
  351. // })
  352. new HtmlWebpackPlugin({
  353. title: '高企自评',
  354. filename: 'html/evaluation/evaluate.html',
  355. template: './template/newMenu/evaluate.html',
  356. chunks: ['evaluation/evaluate','vendors']
  357. }),
  358. new HtmlWebpackPlugin({
  359. title: '知识产权顾问首页',
  360. filename: 'html/newMenu/adviser.html',
  361. template: './template/newMenu/adviser.html',
  362. chunks: ['newMenu/adviser', 'vendors']
  363. }),
  364. new HtmlWebpackPlugin({
  365. title: '知识产权顾问列表',
  366. filename: 'html/newMenu/adviserList.html',
  367. template: './template/newMenu/adviserList.html',
  368. chunks: ['newMenu/adviserList', 'vendors']
  369. }),
  370. new HtmlWebpackPlugin({
  371. title: '知识产权顾问详情',
  372. filename: 'html/newMenu/adviserDetail.html',
  373. template: './template/newMenu/adviserDetail.html',
  374. chunks: ['newMenu/adviserDetail', 'vendors']
  375. }),
  376. ];
  377. if (!isDev) {
  378. //这个使用uglifyJs压缩你的js代码
  379. plugins.unshift(new webpack.DefinePlugin({
  380. "process.env": {
  381. NODE_ENV: JSON.stringify("production")
  382. }
  383. }));
  384. plugins.unshift(new webpack.optimize.UglifyJsPlugin({
  385. minimize: true,
  386. compress: {
  387. warnings: true
  388. }
  389. }));
  390. }
  391. let staticHost = 'http://192.168.0.188';
  392. switch (argv.env.deploy) {
  393. case 'test':
  394. staticHost = 'http://statics.jishutao.com';
  395. break;
  396. case 'prod':
  397. staticHost = 'http://ss.jishutao.com';
  398. break;
  399. default:
  400. break;
  401. }
  402. staticHost = staticHost + '/portal/' + version + '/';
  403. return {
  404. entry: isWatch ? entries.watch : entries.prod,
  405. output: {
  406. path: path.resolve(__dirname, './build/' + argv.env.deploy + '/' + version),
  407. filename: '[name].js',
  408. publicPath: staticHost,
  409. chunkFilename: 'chunks/[name].[hash:8].js'
  410. },
  411. module: require('./webpack/module.config.js')(theme),
  412. resolve: {
  413. extensions: ['.js', '.jsx'],
  414. alias: {
  415. 'js': __dirname + '/src/js',
  416. 'css': __dirname + '/src/css',
  417. 'imgs': __dirname + '/img'
  418. }
  419. },
  420. plugins: plugins,
  421. devServer: {
  422. disableHostCheck: true,
  423. host: '192.168.0.188',
  424. port: 80,
  425. allowedHosts: ['192.168.0.190', '192.168.0.99', '192.168.0.20'],
  426. headers: {
  427. "Access-Control-Allow-Origin": "*"
  428. }
  429. }
  430. };
  431. })();