<commit_before>好记性不如烂笔头，之前陆续写过几篇关于玩物圈前端所用到技术栈的总结，现在在[玩物圈PC版](http://wwq.qq.com/mall/goods/detail.html?id=100002)上线之前，将玩物圈前端用到技术栈整体简单总结梳理下。

##1、webpack

webpack是一款模块加载器兼打包工具，具体使用参考[官方文档](http://webpack.github.io/docs/)，**很详细**。

项目中的主要作用：
- 模块管理：模块化管理js、css、image等文件
- 按照模板生成html：主要使用了html-webpack-plugin插件，按照模版生成html文件，并注入指定的chunks
- 静态资源管理，md5，路径重定位<commit_msg>Update 玩物圈PC版前端技术栈总结.md<commit_after>[![](http://wwq.qq.com/images/home-logo.jpg "玩物圈")](http://wwq.qq.com/mall/goods/detail.html?id=100002)

好记性不如烂笔头，之前陆续写过几篇关于玩物圈前端所用到技术栈的总结，现在在[玩物圈PC版](http://wwq.qq.com/mall/goods/detail.html?id=100002)上线之前，将玩物圈前端用到技术栈整体简单总结梳理下。

##1、webpack

webpack是一款模块加载器兼打包工具，具体使用参考[官方文档](http://webpack.github.io/docs/)，**很详细**。

项目中的主要作用：
- 模块管理：模块化管理js、css、image等文件
- 按照模板生成html：主要使用了html-webpack-plugin插件，按照模版生成html文件，并注入指定的chunks
- 静态资源管理，md5，路径重定位
{'fraction_non_alphanumeric': 0.17360285374554102, 'fraction_numerical': 0.026159334126040427, 'mean_word_length': 9.023809523809524, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2971078', 'n_tokens_mistral': 584, 'n_tokens_neox': 682, 'n_words': 16}