本文介绍了使用webpack进行项目打包的步骤，包括初始化、安装依赖、配置scripts、设置入口和出口，以及执行打包命令。重点强调了webpack如何根据依赖关系打包资源，并指出所有资源需与入口文件建立直接或间接联系才能被打包。默认入口为src/index.js，输出为dist/main.js。了解这些基础，可进一步深入研究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 首先会去webpack.config.js中去查找是否有自定义命令改变入口和出口位置。
如果有，就会去执行配置文件中的命令，如果没有就会执行默认命令。
然后就开始根据依赖关系开始打包。
【注意】所有想要被打包的资源都要和「入口文件」产生直接/间接的关系才能被打包起来，否则不会被打包
【注意】webpack打包的默认入口：src/index.js文件；默认出口：dist/main.js
感兴趣的可以去查阅更多资料 谢谢大家
扫一扫
4260
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
