webpack构建流程?

66 阅读1分钟

webpack的打包流程是怎样的呢?

1.首先会找webapck的配置文件(vue项目的话就是vue.config)

2.根据配置文件找到入口文件。

3.入口文件中有些import等引入路css/js等一些

4.然后把这些css/js/html等用插件打包。因为webpack只能打包低级的js。

css/less的话:用css-loader style-loader less-loader

高级js:用babel

html:htmlWebpackPlugin

5.最后是输入出口(可以有多个出口)

image.png

视频讲解:

www.bilibili.com/video/BV1tV…