2021-04-22

Webpack

1.我们为什么要学习Webpack 

{1.可以减少文件数量 -2. 缩减代码体积  3.提高浏览器打开速度}

2.什么是Webpack 

 {1.他是一个Node的第三方模块  2.作用是识别代码,翻译,压缩,整合打包  3.提高打开网站速度}

3.使用Webpack_需要准备什么 

{1.初始化包环境,得到package.json文件  2.下载webpack等模块 }

4.如何使用Webpack 

{1.默认src/index.js-打包文件 2.需要引入到入口的文件才会参与打包  3.执行package.json里的 build 指令,间接执行Webpack打包指令 4.默认输出dis/main.js的打包结果  }

5.代码增加后,如何打包

{1.确保src/index.js 引入和使用  2.重新执行yarn build 打包命令}

6.如何修改webpack入口和出口

{1.新建webpack.config.js (webpack默认配置文件名)  2.通过entry设置入口文件路径  3.通过output对象设置出口路径和文件名}

7.一句话总结下 yarn build后干了什么  

{ 执行webpack命令,找到配置文件,入口和依赖关系,打包代码输出到指定位置}

8.所以想要被打包的文件应该怎么处理

{ 所以要被打包的资源都要跟入口产生直接或间接的引用关系}

9.用yarn下的包,如何作用在前端项目中

{1,借助webp