webpack.config.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333
  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 webpack.ProvidePlugin({
  45. $: 'jquery',
  46. React:'react',
  47. Mock:'mockjs'
  48. }),
  49. //定义全局常量
  50. // new webpack.DefinePlugin({
  51. // "sub": {
  52. // "name":JSON.stringify("liting")
  53. // }
  54. // }),
  55. new ExtractTextPlugin({
  56. filename: "[name].css",
  57. disable: false,
  58. allChunks: true
  59. }),
  60. //user
  61. new HtmlWebpackPlugin({
  62. title: '用户首页',
  63. filename: 'user/index.html',
  64. template: './template/template.html',
  65. chunks: ['user/index', 'vendors']
  66. }),
  67. new HtmlWebpackPlugin({
  68. title: '用户登录',
  69. filename: 'user/login.html',
  70. template: './template/template.html',
  71. chunks: ['user/login', 'vendors']
  72. }),
  73. new HtmlWebpackPlugin({
  74. title: '用户注册',
  75. filename: 'user/signIn.html',
  76. template: './template/template.html',
  77. chunks: ['user/signIn', 'vendors']
  78. }),
  79. new HtmlWebpackPlugin({
  80. title: '个人用户认证',
  81. filename: 'user/certify.html',
  82. template: './template/template.html',
  83. chunks: ['user/certify', 'vendors']
  84. }),
  85. new HtmlWebpackPlugin({
  86. title: '团体用户认证',
  87. filename: 'user/groupCertify.html',
  88. template: './template/template.html',
  89. chunks: ['user/groupCertify', 'vendors']
  90. }),
  91. new HtmlWebpackPlugin({
  92. title: '用户详情',
  93. filename: 'user/subscriberDetail.html',
  94. template: './template/template.html',
  95. chunks: ['user/subscriberDetail', 'vendors']
  96. }),
  97. //user-account
  98. new HtmlWebpackPlugin({
  99. title: '用户中心-首页',
  100. filename: 'user/account/index.html',
  101. template: './template/template.html',
  102. chunks: ['user/account/index', 'vendors']
  103. }),
  104. new HtmlWebpackPlugin({
  105. title: '用户中心-设置',
  106. filename: 'user/account/set.html',
  107. template: './template/template.html',
  108. chunks: ['user/account/set', 'vendors']
  109. }),
  110. new HtmlWebpackPlugin({
  111. title: '用户中心-科技服务',
  112. filename: 'user/account/services.html',
  113. template: './template/template.html',
  114. chunks: ['user/account/services', 'vendors']
  115. }),
  116. new HtmlWebpackPlugin({
  117. title: '用户中心-科技服务',
  118. filename: 'user/account/achievement.html',
  119. template: './template/template.html',
  120. chunks: ['user/account/achievement', 'vendors']
  121. }),
  122. new HtmlWebpackPlugin({
  123. title: '用户中心-科技服务',
  124. filename: 'user/account/demand.html',
  125. template: './template/template.html',
  126. chunks: ['user/account/demand', 'vendors']
  127. }),
  128. new HtmlWebpackPlugin({
  129. title: '管理员-科技服务管理-科技评估信息',
  130. filename: 'user/account/evaluateInfo.html',
  131. template: './template/template.html',
  132. chunks: ['user/account/evaluateInfo', 'vendors']
  133. }),
  134. //admin
  135. new HtmlWebpackPlugin({
  136. title: '管理员-首页',
  137. filename: 'admin/index.html',
  138. template: './template/template.html',
  139. chunks: ['admin/index', 'vendors']
  140. }),
  141. new HtmlWebpackPlugin({
  142. title: '管理员-登录',
  143. filename: 'admin/login.html',
  144. template: './template/template.html',
  145. chunks: ['admin/login', 'vendors']
  146. }),
  147. new HtmlWebpackPlugin({
  148. title: '管理员-用户管理',
  149. filename: 'admin/userManage.html',
  150. template: './template/template.html',
  151. chunks: ['admin/userManage', 'vendors']
  152. }),
  153. //admin-servicesManage
  154. new HtmlWebpackPlugin({
  155. title: '管理员-科技服务管理-专利',
  156. filename: 'admin/servicesManage/contract.html',
  157. template: './template/template.html',
  158. chunks: ['admin/servicesManage/contract', 'vendors']
  159. }),
  160. new HtmlWebpackPlugin({
  161. title: '管理员-科技服务管理-专利',
  162. filename: 'admin/servicesManage/patent.html',
  163. template: './template/template.html',
  164. chunks: ['admin/servicesManage/patent', 'vendors']
  165. }),
  166. new HtmlWebpackPlugin({
  167. title: '管理员-科技服务管理-软著',
  168. filename: 'admin/servicesManage/copyright.html',
  169. template: './template/template.html',
  170. chunks: ['admin/servicesManage/copyright', 'vendors']
  171. }),
  172. new HtmlWebpackPlugin({
  173. title: '管理员-科技服务管理-高企',
  174. filename: 'admin/servicesManage/highTech.html',
  175. template: './template/template.html',
  176. chunks: ['admin/servicesManage/highTech', 'vendors']
  177. }),
  178. new HtmlWebpackPlugin({
  179. title: '管理员-科技服务管理-高企信息',
  180. filename: 'admin/servicesManage/highTechInfo.html',
  181. template: './template/template.html',
  182. chunks: ['admin/servicesManage/highTechInfo', 'vendors']
  183. }),
  184. new HtmlWebpackPlugin({
  185. title: '管理员-科技服务管理-科技',
  186. filename: 'admin/servicesManage/technology.html',
  187. template: './template/template.html',
  188. chunks: ['admin/servicesManage/technology', 'vendors']
  189. }),
  190. new HtmlWebpackPlugin({
  191. title: '管理员-科技服务管理-项目单',
  192. filename: 'admin/servicesManage/projectOrder.html',
  193. template: './template/template.html',
  194. chunks: ['admin/servicesManage/projectOrder', 'vendors']
  195. }),
  196. //admin-demand
  197. new HtmlWebpackPlugin({
  198. title: '管理员-用户管理',
  199. filename: 'admin/demand.html',
  200. template: './template/template.html',
  201. chunks: ['admin/demand', 'vendors']
  202. }),
  203. //admin-achievement
  204. new HtmlWebpackPlugin({
  205. title: '管理员-用户管理',
  206. filename: 'admin/achievement.html',
  207. template: './template/template.html',
  208. chunks: ['admin/achievement', 'vendors']
  209. }),
  210. new HtmlWebpackPlugin({
  211. title: '管理员-用户管理',
  212. filename: 'admin/customer.html',
  213. template: './template/template.html',
  214. chunks: ['admin/customer', 'vendors']
  215. }),
  216. //admin-set
  217. new HtmlWebpackPlugin({
  218. title: '管理员-用户管理',
  219. filename: 'admin/set.html',
  220. template: './template/template.html',
  221. chunks: ['admin/set', 'vendors']
  222. }),
  223. //admin-idea
  224. new HtmlWebpackPlugin({
  225. title: '管理员-科技思想管理',
  226. filename: 'admin/idea.html',
  227. template: './template/template.html',
  228. chunks: ['admin/idea', 'vendors']
  229. }),
  230. //admin-userOrder
  231. new HtmlWebpackPlugin({
  232. title: '管理员-用户订单管理',
  233. filename: 'admin/userOrder.html',
  234. template: './template/template.html',
  235. chunks: ['admin/userOrder', 'vendors']
  236. }),
  237. new HtmlWebpackPlugin({
  238. title: '管理员-订单管理',
  239. filename: 'admin/order.html',
  240. template: './template/template.html',
  241. chunks: ['admin/order', 'vendors']
  242. }),
  243. new HtmlWebpackPlugin({
  244. title: '管理员-平台管理',
  245. filename: 'admin/operate.html',
  246. template: './template/template.html',
  247. chunks: ['admin/operate', 'vendors']
  248. }),
  249. //portal 门户
  250. // new HtmlWebpackPlugin({
  251. // title: '主页-需求搜索',
  252. // filename: 'portal/search/demand.html',
  253. // template: './template/template.html',
  254. // chunks: ['portal/search/demand', 'vendors']
  255. // }),
  256. // new HtmlWebpackPlugin({
  257. // title: '主页-科技成果搜索',
  258. // filename: 'portal/search/achievement.html',
  259. // template: './template/template.html',
  260. // chunks: ['portal/search/achievement', 'vendors']
  261. // }),
  262. // new HtmlWebpackPlugin({
  263. // title: '主页-行家搜索',
  264. // filename: 'portal/search/subscriberUser.html',
  265. // template: './template/template.html',
  266. // chunks: ['portal/search/subscriberUser', 'vendors']
  267. // }),
  268. // new HtmlWebpackPlugin({
  269. // title: '主页-伙伴搜索',
  270. // filename: 'portal/search/subscriberOrg.html',
  271. // template: './template/template.html',
  272. // chunks: ['portal/search/subscriberOrg', 'vendors']
  273. // })
  274. ];
  275. if (!isDev) {
  276. //这个使用uglifyJs压缩你的js代码
  277. plugins.unshift(new webpack.DefinePlugin({
  278. "process.env": {
  279. NODE_ENV: JSON.stringify("production")
  280. }
  281. }));
  282. plugins.unshift(new webpack.optimize.UglifyJsPlugin({
  283. minimize: true,
  284. compress: {
  285. warnings: true
  286. }
  287. }));
  288. }
  289. let staticHost = 'http://127.0.0.1';
  290. switch (argv.env.deploy) {
  291. case 'test':
  292. staticHost = 'http://statics.jishutao.com';
  293. break;
  294. case 'prod':
  295. staticHost = 'http://ss.jishutao.com';
  296. break;
  297. default:
  298. break;
  299. }
  300. staticHost = staticHost + '/client/' + version + '/';
  301. theme['@icon-url'] = '"' + staticHost + 'css/iconfont/iconfont"'
  302. return {
  303. //devtool:"source-map",
  304. entry: isWatch ? entries.watch : entries.prod,
  305. output: {
  306. path: path.resolve(__dirname, './build/' + argv.env.deploy + '/client/' + version),
  307. filename: '[name].js',
  308. publicPath: staticHost,
  309. chunkFilename: 'chunks/[name].[hash:8].js'
  310. },
  311. module: require('./webpack/module.config.js')(theme),
  312. resolve: {
  313. alias:{
  314. '@':__dirname+'/js/component',
  315. },
  316. extensions: ['.js', '.jsx']
  317. },
  318. plugins: plugins,
  319. devServer: {
  320. disableHostCheck: true,
  321. allowedHosts: ['aft.hnzhiming.com', 'afts.hnzhiming.com'],
  322. headers: {
  323. "Access-Control-Allow-Origin": "*"
  324. }
  325. }
  326. };
  327. })();