webpack的打包流程是什么?

1.初始化一个管理包
yarn init

2 、安装使用webpack所需要的依赖包
yarn add webpack webpack-cli -D

3、 在package.json文件中配置scripts(自定义命令)
scripts: {
    "build": "webpack"
}

4、将新建的打包文件引入webpack的默认打包入口src/index.js中


5、在根目录下执行yarn build命令打包
 

webpack的打包流程是什么?_第1张图片 

当执行了打包命令后:

webpack 首先会去webpack.config.js中去查找是否有自定义命令改变入口和出口位置。

如果有,就会去执行配置文件中的命令,如果没有就会执行默认命令。

然后就开始根据依赖关系开始打包。

【注意】所有想要被打包的资源都要和「入口文件」产生直接/间接的关系才能被打包起来,否则不会被打包

【注意】webpack打包的默认入口:src/index.js文件;默认出口:dist/main.js

感兴趣的可以去查阅更多资料 谢谢大家 

你可能感兴趣的:(webpack,javascript,vue.js)