抓取网页生成电子书需要解决webpack优化版本选择的问题

优采云 发布时间: 2022-09-09 14:18

  抓取网页生成电子书需要解决webpack优化版本选择的问题

  抓取网页生成电子书需要解决webpack优化版本选择的问题。获取swf文件不需要代码和后端代码,直接生成swf文件。这样后端可以编辑、删除、新增数据。

  post传输到服务器,调用生成工具(apigenerator或者gulp)生成。

  

  需要后端把数据发给前端,

  前端不是常规模式下编写的,

  

  如果是后端接口(或者不是发给前端,而是接到前端之后再封装成api接口发给对应的后端返回一个json接口)那么不用写,如果是以api的形式发给前端,那么首先将api文件拆分到多个页面当中(webpack也支持项目中多个tab树分别来拆分)然后在每个页面中编写路由地址,api地址,header等等,然后就可以直接调用webpack创建的对应路由地址和api代码。

  //webpack生成工具testpluginconstwebpack=require('webpack')module.exports=function({process,config,autoprocess}){module.exports={entry:{first://默认firstpackage的路径//前端项目路径//路由path:path.resolve(__dirname,'page.js')//路由地址third://默认第三页的路径//路由地址required:true,entrypath:'./',endpath:'/'}},output:{path:path.resolve(__dirname,'index.js')//路由路径}}webpack会自动为需要在代码中发布的路由生成对应的路由文件constbabel=require('babel-polyfill')module.exports=function({process,config,autoprocess}){//创建pro文件并编译。

  usebootstrapcsplugin(babel.core.js)//将core文件的命名修改为自己修改后命名的路径babel.pluginreplacementnames({core:['pro']})//修改为路由文件的名字(前端为pro文件的位置)babel.register({"paths":{firstpackage://path.resolve(path.resolve(__dirname,'index.js'),'./'),thirdpackage://path.resolve(path.resolve(path.resolve(path.resolve(__dirname,'index.html'),'./'),'./')}})//...//之后,类似生成电子书页码那种地址...}这样在前端只要访问对应路由里面的html页面地址就可以下载到相应的page.js,代码还可以重命名,比较方便。

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线