webpack.config.js 18 KB

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