00:00
大家好,我是学习园地的特约讲师高洛峰,下面呢,咱们学习了NPMNPM呢是包管理器,是非常有用的,也属于外的前端框架,我们在学习之前的一个通用技术,那这节课呢,我们来开始学习web前端框架通用技术之web pack这个实战教程。那webpa呢,现在是2021年,那2021年呢,Wepa呢,已经出到了五以后的这样的版本,如果呢,你还在用WEBPA4这样的版本呢,请你跟我的课程一样升级到web webpa5。那二派五,那我们学习这个,那我们先看一下我们的学习目标和学习基础,学习基础。学习目标是干嘛的呢?那我们学习webpack就是要搭建我们的开发环境,那有的说我不用webpa,我不一样可以做开发吗?是的,当然可以,外派呢,只是工具,就像现在如果在发生战争的话,那你如果不用枪炮的话,你可以用刀上战场,对吧?那没有刀的话,你可以拿砖头、瓦块、棒子对吧?去上战场是一个道理,那有了外派,那相当于我们用它来打仗,用它来工作,可以让你的效率更高。
01:11
是这个意思,所以呢,现在在开发前端已经离不开webpa这样的打包工具了,当然了也有好多像咱们学框架的,这脚手架都是呢基于外派的。所以呢,咱们一定。既然是做前端开发,就一定要学会使用web pack,那具体他干嘛的,那咱们会一一的去介绍。我们不光是使用wepa可以搭建我们的一个开发环境,可以开发项目,那我们开发的项目呢,也可以用web pack webpa去打包去优化。让一个完美的项目,然后上线去运营,这是我们使用webpad的一个目标,当然了,还有一个最主要的目标,就是我们在学习前端框架的时候的一个基础准备工作。如果我们这些。学画之前,这些东西都学完了,相当于你学vuee也好,学微信小程序也好,学react也好,学安德拉也好,相当于你就学完一半了。
02:04
清楚吧,但是没有学这些,你把这些混到。框架里边去学习,那么。你会大大加大你学习的难度,所以呢,先掌握onepe NP mes6这些语法以及网络通信,那么可以减少你学习什么框架的难度,不要说被这些基础的工具给你挡在学框架的一个门外。所以呢,我们要熟练掌握这些,当然了,学外派不一定就是为了干嘛呀,就是为了学习我们后边的框架,你前边学过的,你比如说你用j query用bootrup开发的程序,就算再往前倒,你没有学过j query,没有学过boop,用基础的RTMLCSS,普通的javascript的倒去写项目,你也可以用web pad去开发。用这个还原去开发,也可以用ipad把这个项目打包优化上线。是这样的,所以呢,外派是我们可以说前端必备的一个工具。
03:02
既然接触了,那以后你做的所有的项目和包括你用基本语法做的项目都会使用外派。那学习外派,那我们需要什么样的基础呢?当外派是工具对不对?那我们需要什么?你必须得有NPM的使用基础。好,好在咱们NPM,咱们这节课之前已经把它都讲完了,有一点点基础,NPM基础或者E基础都可以,还要了解ES6的基本语法,因为我们在使用ipad的时候,它可以去优化ES6的语法,比如说转成ES5可以用的,另外呢,包之间的一些关联导入和引用,有可能也会用到ES6的语法,因为派支持将ES支持ES6的这样的一个语法,所以呢,咱们会稍稍用到点。但是这个ES6的课程呢,我安排在咱们的,呃,外派之后去讲。因为他们两个是相关联的,先讲哪个后讲哪个呢,都有关联,如果你直接学ES6的话,不用外派这个工具去学的话也是可以的。
04:01
所以呢,这里边儿我尽量少用ES6语法,等咱们下次课把ES6语法都讲完了之后,那以后我用的所有的语法都是ES6的风格的这样的一个语法。听了吧。那还要需要有NODE1点点应用的知识,因为咱们外派是基于node的,对吧,咱们打包在服务器端渲染对吧,都是用node的语言,所以里边会用到node里边的一点点知识,那我尽量也不去使用node里边东西,因为你还没学过,在咱们后边的课程里边呢,会学node GS这样的课程。但是呢,咱们用到的这一点的语法也是很简单的,当用到的时候,我就稍稍提一下这用到了no的这样的一些语法。这就是我们的学习目标和你需要有这样的基础,你再来学这样的课程,好吧,当然了,没有加分基础的也是可以学这个课程的,它就是一个呃,工具,我们只需要配置,对吧?真正我们开发项目还是使用HTMCS加这样的语言的东西和一些框架的东西,它只是一个工具而已啊。
05:02
和我们开发项目的语言没关系,只是我们配置的开发环境要知道这一点。那外派我们都学习什么样的内容呢?我们要知道我们学的是外派五这个版本,它和之前四的系列版本还是有一点点差距的。当然了,嗯,要我们使用更简化的,所以呢,有一些跟四版本差距比较大的,我会稍稍提出来给大家介绍,如果差距比较小的,我就不说这四个功能还是五个功能了,好吧。然后呢,我们认识外派D,这个是一定要先了解,你知道外派D是什么,能干什么活,对吧,知道它有什么用,我们才去学它,对吧?你觉得外派的对你没有帮助,对我们看发没有帮助,那你觉得干嘛呀,所以呢,咱们认识它很有必要的,然后外派的呢,我们要先体验一下,把它装上,做一些基本的打包的一个这样的一个过程,然后了解他的打包的一个核心的一个概念,然后我们用派外派的呢,打包一些样式资源呢,而是天资源的图片资源呢,其他资源呢,以及一些语法检查呀,压缩处理呀,对吧。
06:01
或者是解析,呃,Less和SAS lass这样的语法啊等等,这都是我们要学的,也就是外派为我们开发需要的功能,我们都会讲到。然后比如说嗯,D server的一个配置与应用就是自动编译打包。这样的一个工具,然后自动刷新页面的这样的一个服务,然后我们配置一下基本的开发环境,那当我配置完这个环境,你直接拷到。你的项目里边,你直接把这些我们需要的一些软件包你已经装上了,对吧,一个NPM1道装上之后,你就可以直接用我搭建好的环境去开发了,当然我建议大家还是自己去写一下这样的环境比较好,对吧?然后呢,我们配装环境呢,还要因为开发的时候分开发时候的情况和项目开发完上线运行的情况,所以呢,我们用ipad可以优化我们开发环境的,为我们开发的阶段去优化的,提高一些打包编译速度啊这样性能。那生产环境的一些优化,比如说。嗯嗯,压缩呀之类的对吧。
07:02
这样的一些生态环境的一些优化,然后呢,外派它也需要配置文件的,我们进行一些讲解,然后呢,我们配置一个更完美的一个环境,那最后呢,会留一个作业,让你自己外派去搭建和配置,或者配置解块RY加boos抓这样的一个开发环境,那就是之前你在没学前端外部框架之前,用解块boora写的项目,都可以用你配置的外派的这个环境去开发。那基本上这些就会把我们外派的知识讲全,当然了,就我讲的再全,也只是能讲外派D,也就是他所有功能的30%,但是这30%我可以告诉你,足够你用了,也就是另外70%你根本都不用去接触,就够你以后工作开发中学习了,当然了。这30%学完之后,能完成你95%以上的工作,那另外的5%的工作,如果需要你照着这30%功能偶尔查一下对吧,百度里边搜索行里面搜索一下查一下,然后呢,在你项目里边应用也就OK了。那另外学习的30%,那我们后期学,比如说学呃,Vuee的脚手架,React脚手架,那我们就会更方便一些。
08:07
这就是我们要要让大家知道外派我们学习的内容有哪些好,那这节课我们先讲到这里。
我来说两句