webpack自己见解,持续完善

webpack是js的打包工具,主要有五个概念

1:入口

2:出口

3:loader

4:插件

5:mode 

先说1 可以告诉webpack从那个入口文件去构建关系依赖图 默认文件在src/index.js 但是可以通过 entry来多创建或则从新指定一个入口文件

出口2:output  出口的path 可以配置出口文件的在哪,和文件名,可以配置打包好的代码块的名称 

loader 3 :只能去理解js 和json文件,他但是呢,你可以用配置,让他去也编译别的文件,在relus这个数组中,可以有多个对象,没个对象都是你定义的规则,其中test是个正则,use是告诉他看到正则匹配到的文件

要用什么插件去编译一下

plugin:用于转换更多的类型模块  包括 环境变量 打包优化 资源管理,es6转es5等等这些 你甚至可以去下一组插件来完成 那些一般插件的配置

mode:模式,开发和生产环境。后续再补充更正

 

posted @ 2021-03-17 15:41  遇见_明天  阅读(32)  评论(0)    收藏  举报