什么是webpack?
webpack是一个js/css打包模块的机制,它可以识别代码中的依赖关系进行打包编译,生成代码,页面只需引入编译好的js代码文件即可。
webpack与nodejs什么关系?
webpack是nodejs的一个模块,所以需要先安装nodejs才能使用
为什么用webpack?
webpack可以实现模块化管理,你可以写很多简单的js方法,通过组装形成各种功能,使js代码更加灵活,避免重复性劳动。
webpack怎么用?
1.下载安装nodejs
2.安装nodejs包管理器
npm install
3.新建源文件src/index.js
4.手动打包
npx webpack --entry=./src/index.js --output-filename=bundle.js --mode=development
![ddc96ac3c3fa1761091a54e71ebb45e0.png](https://i-blog.csdnimg.cn/blog_migrate/1e260404a79a15fe33dd169e2245c13b.jpeg)
WebPack打包
npx webpack --entry=./src/index.js --output-filename=bundle.js --mode=development