24-尚硅谷-webpack从入门到精通-自定义webpack：准备工作

好，下面呢，我们根据上节课总结的一个we pack的一个基本的执行流程啊，我们呢，来去学习自定义一个we pack，那么在自定义之前呢，我们首先做好一些准备工作，把我们要打包的文件诶，相关的东西准备好，我们呢新建目录叫SSC，在这里面呢，就是我们打包的所有文件了，我们在这里面呢，去新建一个入口文件，应该是GS啊好，先放在这里，我们再去新建一个另外的一些其他模块LDS，然后我们打包的环境呢，更加复杂一点啊，S呢就是一个函数，它接受两个参数，返回值呢，就是它们两个参数相加，是个非常简单的啊，然后呢，使用e modu把它暴露出去好了，我把接下来再定一个文件啊，我们多定几个，比如说comes DS，当然这里面其实也很简单啊，定义count方法，那么X减Y好这些呢，都不会说特别复杂。然后从那个采用默认暴露的方式，把它呢给暴露出去。

OK，那么下面呢，我们在中把这两个模块都引进来，引入这个ID。那么这里要注意啊，文件名呢，我们要写全啊，要写全OK，那么我们再引入一个抗DS。要文件路径暂时呢要写全它，然后下面呢，我就简单测试一下啊，我呢D的方法那个一加二对吧，那再打印一下，调一下这个count方法来个三减一。对吧，好，那么这里呢，我们的主要的模块呢，就写完了，OK，那么我们呢，也是需要去准备一下我们要下的包啊，我们呢，在这里面呢，我们再新建个录啊叫做。Conve.JS。Conve文件啊，我们呢，将wi派文件呢，就放在这里面去执行啊派cons。

在这里面呢，我们来写WiFi配置，WiFi配置呢，我们也是写尽量简单一点啊，就首先的一个入口，Entry代表打到的入口点型src下面的index JS OK，那么我们还需要个输出output啊，输出的一个路径，那么输出呢，我们需要指定一个pass输出目录，那么通常输出目录呢，我们是一个绝对路径啊，所以呢，我们呢会引入一个pass模块。Pass模块，然后呢，Pass呢，在这里呢，去生成一个调法，生成个绝路镜。对吧，当然了，不在外面去啊。好，然后呢，外面的呢，比如说Dis目啊，外面的Dis目好除了这个pass还需要个file name是文件一个名称啊，文件名称呢就叫manys，所以呢，最终呢，它就会从inexs呢开始打包啊，作为入口打包呢，打包到这个D层下面那名字呢叫魅JS这个文件。

好了，配置也写好了，接下来呢，我们要写启动的一种方式啊，所以呢，我要定义一个文，再定一个文件夹叫scripts。Script在这里面的定义启动的一个指令，哎，当然了，我们这里呢是我们这里呢就是builds，我们也叫构建啊，构建的这个文件好，那么在这里面构建啊，我们就需要去做这样的事啊，一样的，我们首先呢要引入我们的wipad。当然这个外派呢，是我们要自定义的外PE，所以呢，我会在这里再创建个文件夹，叫内部啊内部内部里面呢，在新建个文件夹，诶叫外PE，当然了，我们自己定的外PE叫mype。展卖WiFi，这样呢，我们一眼一目了然啊，那么这里面呢，我们会定一个indexs，在这里面去写我们的WiFi配置。好，那build呢？我将引入我们的MY是不是？

OK，那么我们再引入啊，再点啊点点斜杠回一层咱们的内部下面的my WiFi OK，引入它，引入它之后呢，我们还引入WiFi配置就con啊，等于require，咱们点点型啊con下面的外派SOK所它那么我们做法就是调用MY外派。传这con对吧，得到值呢，就是我们的compile compile函数compile对象。OK，可拍的呢，要去执行的，就这comp.run方法。OK，那么这里呢，就是开始打包了。OK对吧，所以呢，我们大体呢就写到这个样子，那么关键的这个PA的一些内容呢，我们还没开始写，那么我们待会呢就开始写这个OK，那么写之前呢，我们呢，因为每次将来要预习这个必要的指令啊，那么挺麻烦的，所以呢，我们再去终端中打开，我们生成一个我们初始化一个pageson。

初始化拍son啊，然后在拍中呢，配置我们这个指定面对吧，比如说我们这叫build的构建啊，那么构建呢，我们要运行的就是这个no，运行谁呢？运行这个，呃，Scripts里面典型看script。下面的这个Bill d。好了，那么以后呢，我们就n PM run build，那么就会启动我们的这个环境，然后去开始调试的，好了，那么这里呢，我们就搭建了一个我们的一个调试环境啊，搭建的一个我们的一个基本开发环境，那么后面呢，我们就在直接去写这个inde GS了，那么在呃这个scripts里面的这样写法呢，就是跟我们的这个RA coi的基本一样啊，引入PA，引入配置对象，通过wipa调用得到comp在调用rap啊，最终去开始去打包，所以呢，我们要去定义的wipa呢，它肯定是个函数对吧，里面呢得一些东西。

好了，那么我们的这个准备工作，那么就先做到这。