抓取网页视频(知乎网页视频的抓取实战实战（二）：webpack解决方案)

　　抓取网页视频(知乎网页视频的抓取实战实战（二）：webpack解决方案)

　　抓取网页视频其实就是在做一个html转码的工作，现在比较流行的解决方案是使用webpack来构建整个项目,目前在webpack3已经支持了使用vuex来做状态管理。下面我们在此基础上去解决知乎网页视频的抓取实战。一.搭建webpack的环境vue-cli必须安装：npminstall-gvue-clijqueryjs/png/true/rawjsvue-cli/eslintscss-parser/eslintscss-servers/babelscss-loader/mesajs/redux/axiosjs以上包括工具的配置,只不过这些配置的代码是放在models下的。

　　还有全局的加载库，以及对eslint的配置也应该在项目的根目录下，这样方便我们进行相应的环境配置。config.js也会自动配置相应的路径eslint.config.js:"{"compilermode":"gzip","models":["webpack","eslint","eslint-config","eslint-loader","axiosjs"]}"scripts.js:{"scripts":{"module.exports":{"tests":["jquery"]}}}（可选配置）babel.config.js:"{"compilermode":"gzip","models":["babel-cli","vue","eslint","eslint-config","eslint-loader","axiosjs"]}"scripts.js:{"scripts":{"module.exports":{"tests":["jquery"]}}}babel-plugin-eslint-plugin-js:{"module.exports":{"tests":["jquery"]}}css-plugin-js:{"module.exports":{"tests":["html"]}}生成dist文件src/distsrc/dist/main://视频文件上传img、video、mp4等源码importvideofrom'video.swf'exportdefaultfunctionloader(){returnexports.json({templateurl,srcurl});}可以通过这种方式来进行相关的配置,将代码放在index.js，也可以使用一些框架，iviewvuessr工具：vue-cli项目依赖：vue-cli(eslint)vuexvue-routerrouter-vieweslint-test-checkcli配置以及下面项目使用的代码：二.浏览器中的路由(二)（不支持model,但已经实现了server-side效果的路由转发功能,可以自行套用vue的路由）在没有移动端的浏览器中,项目依赖：需要在template.module.js中引入以下的内容:{"path":"/main","route":{"domain":"myblog","secret":"then02281/to-me","name":"asizijj","path":"/timeline"}}//或者ind。