00:01
上节呢,我们已经了解到了外派的五大核心概念,那么这节呢,我们在学习外派的配置文件。我们会使用配置文件的方式来配置这五个核心概念。好,下面我们一起来看。打开前面我们的这个代码。OK,在这个项目根目注意看啊,配置文件一定要位于项目根目,这是固定不变的,并且配置文件的名字它是固定写法加concts。那么很多学习的新手呢,就是把这个配置文件的不小心写在src里面了,或者是他的名字不叫这个名字,大小写写错了。那么一旦写错呢,待会执行WiFi指令的时候,他就找不到这个文件,那么也就相当于是你配置的东西就像你白写了。所以要特别注意配置文件不要写错了。那么所有配置文件呢,它最终都是在note JS这个平台运行的,所以它采用的模块化呢,都是用的是common JS模块化。
01:01
这一个呢需要了解一下,那么在这里面我们可以配置我们的五个核心概念入口。对吧,输出。Load加载器。还有就是我们的插件plugins。以及我们最后的这个模式。那么他们写的顺序没有要求啊,你其实打通顺序也可以,但是我一般习惯是这个顺序。好,我们来写entry入口。我们要指定整个外派从哪个文件作为打包入口。诶,相信大家也应该知道啊,作为哪个文件,那必然就是我们的这个入口文件。注意路径一定要写对啊,是src下面的魅力。写路径的时候能用提示尽量用提示,这样呢不容易出错。好,第二个呢是output输出,输出呢它这个对象,因为我们要指定输出的两个细节,一个是pass,一个是file name。
02:02
Pass,那是输出路径。也就输出到哪个哪个文件夹去,那么发name呢,就是文件的输出名称。我叔叔的名字叫什么?那么输出路径呢,这里要求用绝对路径N,这里是要求用相对路径啊,所以我们这里啊,两者路径用的不一样。那么这里呢,并不需要研究,它就是诶为什么这里用那种,那里用那种,这个并不需要研究啊,这个就是它里面的一个,它规定的就是这样写的,所以我们就这样写就好了。那么这里需要用相对路径啊。那么下面这里要用绝路径。那么绝对路径呢?我们会用上not je的一个核心模块叫pass,它是not的一个模块啊。对吧,专门用来处理路径问题的。
03:06
我们用上这个pass模块呢,可以用上它的一个方法叫。方法呢,可以返回一个。决择路径,那么我们杠杆DNA就是当前文件夹的路径。然后呢,输出的目呢,我们就叫D色啊,我们希望它输出到D去。OK,这里我也写一下刚才内的代表,这是not的一个一个变量啊。代表当前文件的文件夹目录。那么我当前文件是这个文件,当前文件的文件夹就是这个PE扣杠扣的这个文件夹,那么下面的地,那么其实就是这个文件。对吧,所以这个就是整个路径的组成。OK,那么没问题的话,我们来看下一个file name file name就是文件名,我们比方说就叫JS。
04:03
你加别的也行啊,这个加啥都可以。好了,入口输出都指定了加载器的配置呢,它它的名字是叫module,里面写rules,它是个数组,将来rules里面我们要写no的规则。For a load of the page。当然我们现在还没有学啊,所以现在我先把基本配置这样写,那么这些都是固定写法,有的单词有复数,有的单词是单数,大家千万不要写错了,写错了你这个就没有效果了。插件呢,就叫plugins,是个数组,因为将来这里面可以放插件的配置。模式呢就叫mode mode就是模式的意思。OK,我们先开发开发模式,所以我先指定的是development。好了,到目前为止呢,我们就把这个配置相应的给写完了。
05:01
注意看啊,现在这个配置项呢,其实等价于我们之前用的PE的这个功能。它仅仅是会被入口文件进行打包,然后输出到这个地层目录下,名字叫mini JS,然后呢,没有增加任何的load,没有加任何的插件,模式还是开发模式。所以它等价于我们之前测试的功能。所以如果你此时想运行的话也可以,只是它还是不能处理什么样式,这些文件还是处理不了。到时候我们可以试一下,那么现在运行指令就比较简单了啊。直接就好了。当你运行npspa呢,它会去这个目录下。也就是我们这个目录。就这个目录下去找这个pack里con JS文件,然后读取里面的配置,按照里面的配置去执行相应的打包操作。是这样的。然后如果你后面加的东西,它就不会不会读取配置文件,就会按照你加的东西去做。因为我们写的配置文件,所以我们指定就可以npspad就好了。
06:05
所以大家知道什么时候用什么指定啊,如果你没写配置文件,那你就要上面这样写吧,如果你写了配置文件,就直接这样运行就可以了,它会自动查找配置文件,加载里面的配置,然后去执行。好了,打包后的内容呢,其实还是一样的,没什么看的,他打包还是成功了,对吧,所以这里呢,我们只关心他打包有没成功。成功了,说明你配置像没有写错,单词没有写错都是OK的,然后最后呢,你也可以去啊,用浏览器预习一下,看一下打包后的东西,它这个输出情况对不对,当然也是没问题的。好了,那么这里呢,我们就学习到了外派的配置文件是怎么写,文件名叫什么,它的目位于哪里,以及里面的详细配置,对于五大核心概念的详细配置又是怎么做的,那么我们就学习到了。
我来说两句