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