webpack.config.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312
  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. }),
  21. new ExtractTextPlugin({
  22. filename: "[name].css",
  23. disable: false,
  24. allChunks: true
  25. }),
  26. new webpack.ProvidePlugin({
  27. $: "jquery",
  28. jQuery: "jquery"
  29. }),
  30. new HtmlWebpackPlugin({
  31. title: '首页',
  32. filename: 'html/index.html',
  33. template: './template/indexNew.html',
  34. chunks: ['index', 'vendors']
  35. }),
  36. // new HtmlWebpackPlugin({
  37. // title: '支付跳转页面',
  38. // filename: 'html/toPayment.html',
  39. // template: './template/toPayment.html',
  40. // chunks: ['toPayment', 'vendors']
  41. // }),
  42. new HtmlWebpackPlugin({
  43. title: '关于公司',
  44. filename: 'html/aboutUs.html',
  45. template: './template/aboutUs.html',
  46. chunks: ['aboutUs', 'vendors']
  47. }),
  48. // new HtmlWebpackPlugin({
  49. // title: '关于公司APP',
  50. // filename: 'html/APPaboutUs.html',
  51. // template: './template/APPaboutUs.html',
  52. // chunks: ['APPaboutUs', 'vendors']
  53. // }),
  54. new HtmlWebpackPlugin({
  55. title: '联系我们',
  56. filename: 'html/contactUs.html',
  57. template: './template/contactUs.html',
  58. chunks: ['contactUs', 'vendors']
  59. }),
  60. // new HtmlWebpackPlugin({
  61. // title: '科技服务',
  62. // filename: 'html/service.html',
  63. // template: './template/service.html',
  64. // chunks: ['service', 'vendors']
  65. // }),
  66. new HtmlWebpackPlugin({
  67. title: '注册',
  68. filename: 'html/register.html',
  69. template: './template/register.html',
  70. chunks: ['register', 'vendors']
  71. }),
  72. // new HtmlWebpackPlugin({
  73. // title: '会员',
  74. // filename: 'html/member.html',
  75. // template: './template/member.html',
  76. // chunks: ['member', 'vendors']
  77. // }),
  78. // new HtmlWebpackPlugin({
  79. // title: '科技交易',
  80. // filename: 'html/technologyTrading.html',
  81. // template: './template/technologyTrading.html',
  82. // chunks: ['technologyTrading', 'vendors']
  83. // }),
  84. new HtmlWebpackPlugin({
  85. title: '科技智库',
  86. filename: 'html/thinkTank.html',
  87. template: './template/thinkTank.html',
  88. chunks: ['thinkTank', 'vendors']
  89. }),
  90. // new HtmlWebpackPlugin({
  91. // title: '科技金融',
  92. // filename: 'html/financialIndex.html',
  93. // template: './template/financialIndex.html',
  94. // chunks: ['financialIndex', 'vendors']
  95. // }),
  96. // new HtmlWebpackPlugin({
  97. // title: '科技交易-技术专利',
  98. // filename: 'html/technologyTrading/achievement.html',
  99. // template: './template/technologyTrading/achievement.html',
  100. // chunks: ['technologyTrading/achievement', 'vendors']
  101. // }),
  102. // new HtmlWebpackPlugin({
  103. // title: '科技交易-技术需求',
  104. // filename: 'html/technologyTrading/demand.html',
  105. // template: './template/technologyTrading/demand.html',
  106. // chunks: ['technologyTrading/demand', 'vendors']
  107. // }),
  108. // new HtmlWebpackPlugin({
  109. // title: '科技交易-技术专利详情',
  110. // filename: 'html/technologyTrading/achievementDetail.html',
  111. // template: './template/technologyTrading/achievementDetail.html',
  112. // chunks: ['technologyTrading/achievementDetail', 'vendors']
  113. // }),
  114. new HtmlWebpackPlugin({
  115. title: '科技交易-技术需求详情',
  116. filename: 'html/technologyTrading/demandDetail.html',
  117. template: './template/technologyTrading/demandDetail.html',
  118. chunks: ['technologyTrading/demandDetail', 'vendors']
  119. }),
  120. // new HtmlWebpackPlugin({
  121. // title: '在线评估',
  122. // filename: 'html/technologyTrading/assessMent.html',
  123. // template: './template/technologyTrading/assessMent.html',
  124. // chunks: ['technologyTrading/assessMent', 'vendors']
  125. // }),
  126. // new HtmlWebpackPlugin({
  127. // title: '科技交易-技术成果下单页面',
  128. // filename: 'html/technologyTrading/achievementOrder.html',
  129. // template: './template/technologyTrading/achievementOrder.html',
  130. // chunks: ['technologyTrading/achievementOrder', 'vendors']
  131. // }),
  132. // new HtmlWebpackPlugin({
  133. // title: '科技交易-技术需求下单页面',
  134. // filename: 'html/technologyTrading/demandOrder.html',
  135. // template: './template/technologyTrading/demandOrder.html',
  136. // chunks: ['technologyTrading/demandOrder', 'vendors']
  137. // }),
  138. new HtmlWebpackPlugin({
  139. title: '智库咨询-智政详情',
  140. filename: 'html/thinkTank/policyDetail.html',
  141. template: './template/thinkTank/policyDetail.html',
  142. chunks: ['thinkTank/policyDetail', 'vendors']
  143. }),
  144. // new HtmlWebpackPlugin({
  145. // title: '智库咨询-智政列表',
  146. // filename: 'html/thinkTank/policyList.html',
  147. // template: './template/thinkTank/policyList.html',
  148. // chunks: ['thinkTank/policyList', 'vendors']
  149. // }),
  150. new HtmlWebpackPlugin({
  151. title: '智库咨询-智者详情',
  152. filename: 'html/thinkTank/thinkerDetail.html',
  153. template: './template/thinkTank/thinkerDetail.html',
  154. chunks: ['thinkTank/thinkerDetail', 'vendors']
  155. }),
  156. // new HtmlWebpackPlugin({
  157. // title: '科技金融-投资机构',
  158. // filename: 'html/financial/investmentInstitution.html',
  159. // template: './template/financial/investmentInstitution.html',
  160. // chunks: ['financial/investmentInstitution', 'vendors']
  161. // }),
  162. // new HtmlWebpackPlugin({
  163. // title: '科技金融-投资机构',
  164. // filename: 'html/financial/investmentDetail.html',
  165. // template: './template/financial/investmentDetail.html',
  166. // chunks: ['financial/investmentDetail', 'vendors']
  167. // }),
  168. // new HtmlWebpackPlugin({
  169. // title: '科技服务-高新认定',
  170. // filename: 'html/service/highTechCognizance.html',
  171. // template: './template/service/highTechCognizance.html',
  172. // chunks: ['service/highTechCognizance', 'vendors']
  173. // }),
  174. // new HtmlWebpackPlugin({
  175. // title: '科技服务-知识产权',
  176. // filename: 'html/service/propertyRight.html',
  177. // template: './template/service/propertyRight.html',
  178. // chunks: ['service/propertyRight', 'vendors']
  179. // }),
  180. // new HtmlWebpackPlugin({
  181. // title: '科技服务-高新认定',
  182. // filename: 'html/service/projectDetails.html',
  183. // template: './template/service/projectDetails.html',
  184. // chunks: ['service/projectDetails', 'vendors']
  185. // }),
  186. // new HtmlWebpackPlugin({
  187. // title: '科技服务-服务意向',
  188. // filename: 'html/service/purpose.html',
  189. // template: './template/service/purpose.html',
  190. // chunks: ['service/purpose', 'vendors']
  191. // }),
  192. //newsApp
  193. new HtmlWebpackPlugin({
  194. title: '新闻详情',
  195. filename: 'html/news/newsDetailApp.html',
  196. template: './template/news/newsDetailApp.html',
  197. chunks: ['news/newsDetailApp', 'vendors']
  198. }),
  199. // new HtmlWebpackPlugin({
  200. // title: '高企认定',
  201. // filename: 'html/news/appCognizance.html',
  202. // template: './template/news/appCognizance.html',
  203. // chunks: ['news/appCognizance', 'vendors']
  204. // }),
  205. // new HtmlWebpackPlugin({
  206. // title: '注册协议',
  207. // filename: 'html/news/agreement.html',
  208. // template: './template/news/agreement.html',
  209. // chunks: ['news/agreement', 'vendors']
  210. // }),
  211. /* 2018-6 改版后科技需求 */
  212. new HtmlWebpackPlugin({
  213. title: '科技需求',
  214. filename: 'html/newMenu/demand.html',
  215. template: './template/newMenu/demand.html',
  216. chunks: ['newMenu/demand', 'vendors']
  217. }),
  218. new HtmlWebpackPlugin({
  219. title: '科技成果',
  220. filename: 'html/newMenu/achievement.html',
  221. template: './template/newMenu/achievement.html',
  222. chunks: ['newMenu/achievement', 'vendors']
  223. }),
  224. new HtmlWebpackPlugin({
  225. title: '科技成果列表',
  226. filename: 'html/newMenu/achievementList.html',
  227. template: './template/newMenu/achievementList.html',
  228. chunks: ['newMenu/achievementList', 'vendors']
  229. }),
  230. new HtmlWebpackPlugin({
  231. title: '科技需求列表',
  232. filename: 'html/newMenu/demandList.html',
  233. template: './template/newMenu/demandList.html',
  234. chunks: ['newMenu/demandList', 'vendors']
  235. }),
  236. new HtmlWebpackPlugin({
  237. title: '科技服务',
  238. filename: 'html/newMenu/services.html',
  239. template: './template/newMenu/services.html',
  240. chunks: ['newMenu/services', 'vendors']
  241. }),
  242. new HtmlWebpackPlugin({
  243. title: '科技服务列表',
  244. filename: 'html/newMenu/serviceList.html',
  245. template: './template/newMenu/serviceList.html',
  246. chunks: ['newMenu/serviceList', 'vendors']
  247. }),
  248. new HtmlWebpackPlugin({
  249. title: '科技服务详情',
  250. filename: 'html/newMenu/serviceDetails.html',
  251. template: './template/newMenu/serviceDetails.html',
  252. chunks: ['newMenu/serviceDetails', 'vendors']
  253. })
  254. ];
  255. if (!isDev) {
  256. //这个使用uglifyJs压缩你的js代码
  257. plugins.unshift(new webpack.DefinePlugin({
  258. "process.env": {
  259. NODE_ENV: JSON.stringify("production")
  260. }
  261. }));
  262. plugins.unshift(new webpack.optimize.UglifyJsPlugin({
  263. minimize: true,
  264. compress: {
  265. warnings: true
  266. }
  267. }));
  268. }
  269. let staticHost = 'http://192.168.1.166';
  270. switch (argv.env.deploy) {
  271. case 'test':
  272. staticHost = 'http://statics.jishutao.com';
  273. break;
  274. case 'prod':
  275. staticHost = 'http://ss.jishutao.com';
  276. break;
  277. default:
  278. break;
  279. }
  280. staticHost = staticHost + '/portal/' + version + '/';
  281. return {
  282. entry: isWatch ? entries.watch : entries.prod,
  283. output: {
  284. path: path.resolve(__dirname, './build/' + argv.env.deploy + '/' + version),
  285. filename: '[name].js',
  286. publicPath: staticHost,
  287. chunkFilename: 'chunks/[name].[hash:8].js'
  288. },
  289. module: require('./webpack/module.config.js')(theme),
  290. resolve: {
  291. extensions: ['.js', '.jsx'],
  292. alias:{
  293. 'js':__dirname+'/src/js',
  294. 'css':__dirname+'/src/css',
  295. 'imgs':__dirname+'/img'
  296. }
  297. },
  298. plugins: plugins,
  299. devServer: {
  300. disableHostCheck: true,
  301. host: '192.168.1.166',
  302. port: 80,
  303. allowedHosts: ['127.0.0.1','192.168.1.222'],
  304. headers: {
  305. "Access-Control-Allow-Origin": "*"
  306. }
  307. }
  308. };
  309. })();