00:00
下面我们进行外派的生产模式的一个搭建,那么和开发模式一样啊,它要处理内容其实也不多,就是要编译这个view模块。那么我们下面一起来看。那么从上到下我们一点过啊,首先在这里要提取C4层单独文件,我们就用这个logo就好了。在开发模式下呢,我们用的是new style load,那么原因很简单,就是因为它要创建style标签,同时做这个HMR功能,而现在要提取CS传单的文件,所以还是用这个漏。OK,往下走这一块呢,都不需要改动。我们要改的是把JS改成JS即可。这时候呢,我们还要处理六文件,需要用上六。没的代码呢,咱们就不写了,我们去这里复制。粘贴,那么V的呢,光这样写还不够,还需要引入一个插件去处理。那么这个插件呢,叫real load plug最终来解决这个编译文件的,与此同时呢,用U3呢,还需要解决一个警告,所以我们把这两个插件都引进来。
01:11
OK,那么这两个插件都需要引入才能使用,所以我们往上走去引入。而一个呢,来自于的。一个来自于外派用来定义环境变量的。OK,两大它就引入了,我们接下来继续往下走,这里呢,它可以把它下面资源复制到DS的下去,对吧,那么我们这里呢,要整一个图标,这样呢它才能够复制啊,所以我们把图标安排上。放到PU下面,诶,别放错位置了,我先放这儿吧,待会移一下。OK,发生动作之后呢,我们还需要写上这个。
02:00
诶,这个历史标签啊,所以稍微注意一下。好了,那么下面呢,我们继续往下走,Production map这些都调整好了,然后压缩呢,都OK了,那么我们需要把文件扩展名改成点用文件扩展名,这样就OK了。好了,到此为止呢,我们就把view的配置全都做好了,整体过程呢,就是最重要的就是我们需要编译这个view文件。那么最后呢,我们需要从上到下把依赖下载一下来。我们要提取三成单独文件,需要下载这个插件。我们有CS压缩,需要下载CS压缩的这个插件。对吧,然后呢,还有这个复制这些插件,我们都需要下载。OK,先下载啊,然后呢,这里面呢,还需要进行图片的压缩,图片压缩呢,我们最后再下,因为它比较麻烦。OK,下载完成之后呢,我们来对比一下啊,我们看看还有没有其他的需要下载的。
03:06
没事,那么我们下载这个图片了,下载图片了,我们来到高级配置,减少代码体积,在这里我们复制这个下载图片的这个插件。下单。OK,这一块下载应该没问题啊,关键是下面这一块我们继续下。好了,一样的,如果下载成功我们就直接用,如果下载失败,我们就想办法用之前下好的东西就好了。好了,那么我这里下载失败啊,这里我就不尝试了,我们大家用用怎么去用之前下载的内容。首先你要打开一个已经下载好依赖的一个文件,这里面呢,它有全部下载好的依赖,当然这个是我们上一个瑞脚授架的,我以瑞脚授夹为例啊,然后呢,这是咱们real脚授架,我们呢在文件资源管理器中打开,OK,那么现在呢,我们有两个目录,一个是瑞加设加目录,一个是未加设加目录,怎么办呢?
04:10
我们要把加上加的依赖呢给删掉。同时把real角加的page我们改个名字叫package。Look old dress代表它是之前的。好,这时候呢,我们把它的这三个东西复制到咱们的view里面来。那么前提是我们这个删除得全部删了。那么为了确保删除呢?我们来确定继续。等它删除完了,我们就可以把RA脚手架这个已经下好的包呢复制到这个缪脚手架来就好了。OK,因为我这里开了这个仓库啊,我需要把这个仓库关一下。
05:05
好,复制。复制过程中呢,我们要做的就是耐心等待,等待它全部复制完成,那么可以想象到就是这里面的有所有的依赖啊,但是这里面也同样的包含了一些我们用不上的re的依赖。所以复制过来之后呢,我们接下来要做的就是把依赖呢给删掉。只保留我们需要用的依赖,然后再把view需要用的依赖给下载下来,这也是为什么我把这个派son这个old文件那些保存着,因为这个old文件里面有我们需要想下的依赖,那么我待会可以从这里面找这个依赖名,然后一点点下载。好,所以接下来呢,就是要等待它下载完成。等到复制完成,OK,那么差不多了,我们就可以把我们的VQ打开了。
06:02
好打开了之后呢,这里面呢,就有复制好的所有内容。我们很简单啊,我们找到它复制过来的pageson,稍等,等它复制完成。好,全部复制完了啊,找到这拍这把一些不要的依赖给删掉。比如说这个处理RA的这个热模块,替换的这个RA的配置。React the page。然后的HR功能去掉。Dialo其实我们用不上,因为我们用的是real dialo好了,删掉这些依赖之后呢,我们找到O这里面,把我们需要用的依赖给下下来。好,有这个Bible pass有这个依赖。一点下我们看看。CS压缩这些它都有了,所以我们不需要下了图片,这些都有了。还有往下走。
07:00
We sal。View相关的not OK,下载好,除此之外呢,它这个差这里面啊,我们看拍啊,它这里面还用上了RA东西啊,东西我们也要全部删掉,我们待会还要下view的东西,好,最后把这个下载删掉,我们再下载view和view和view的RO。所以这样的话呢,我们就可以直接用了。好,那么整好之后,它这个O的排上啊就没有用了,因为我们已经把依赖全部下好了,同时呢,我们再去把我们的改成6C,再把我们的指令呢,改成de和P指令,OK,那么这时候我们可以通过NPM端build来尝试打包了。所以就是把这个not no和package dress和package全都复制过来,然后呢,你要用的东西就保留,不要用东西就删掉。好了,那么这里我们还差一个插件没有下,那么我们需要下载。
08:04
哎,可能刚刚我们忘记下了。好了,继续运行。好,打包成功,OK,那么在第一层下面,我们就能观察我们打包生成的这个代码了。点击home,点击Bo,诶,它是没问题的,那么这是我们的view代码。好了,以上呢,这里就是我们这个view的一个。环境的搭建啊,整个过程呢,其实并不复杂,它的配置很简单,关键就在于这个如何处理这个not model,对吧?可能也有同学会出现这个no老是下不下来的一个情况啊,那么做法就是找到我们给大家的现成的这个no,然后呢复制过来对吧?然后在prison中改依赖,要用的保留,不要用的删除。然后最后呢,再把你没有的下载下来,那么最终就会以运行了。
09:01
好了,以上呢,这个就是我们生产模式的配置了。
我来说两句