本文介绍了如何使用webpack打包js文件。从新建项目文件夹、初始化项目、安装webpack到创建相关文件，详细阐述了以index.js为主入口，将aside.js、content.js、header.js引入并打包成main.js的过程。通过npx webpack index.js命令进行打包，生成的dist目录包含打包后的main.js文件。浏览器打开index.html，可以看到内容与js文件实例化的顺序一致。这仅仅是webpack基础用法，更复杂的需求如指定打包目录、处理其他格式文件等则需要配置文件支持。
上一篇文章讲了如何安装webpack，那么安装好了webpack就到了实践的时候了。
首先，最基础的就是懂得如何打包js文件，webpack如果不使用loader的话，其实它本身就不会解析任何其他文件，只会解析js文件。所以本文先讲解如何打包js文件，从最简单的开始。
1、新建一个文件夹存放项目
mkdir study_2
2、初始化项目
npm init
3、安装webpack
npm install webpack-cli -D
npm install webpack -D
4、如下所示创建文件
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
634
