关于webpack的最基本使用打包问题

最近学习到webpack的使用，在一开始使用配置的时候便遇到了问题，这里记录一下解决的过程（每个人的情况可能有不同，这里是针对我自己的问题而进行的解决方法）。

感觉过程当中最大的问题是webpack的版本问题导致打包过程中出现的一些报错。

**

1.全局安装webpack

**
在cmd命令行窗口运行安装webpack，需要注意：npm install webpack -g是直接安装最新版本的 – webpack4.x.x。由于webpack版本更新后许多操作变化很大，很多教程的经验已经不适合。我选择降级，采用3.5.3版。

把之前安装的先卸载
npm uninstall webpack -g
然后安装指定版本
npm install webpack@3.5.3 -g

2.创建项目

新建一个文件夹webpack study，用于存放项目。在编译器中，右键点击文件夹，点击终端。命令行中定位到webpack-test文件夹下，输入以下命令进行项目的初始化：

npm init -y

完成后，我们发现文件夹中增加了package.json文件，它用于保存关于项目的信息。

然后安装jquery，命令行中输入命令：

npm i jquery -S

完成后生成一个node_modules文件夹。

3.进行打包

进行打包，命令行中输入命令：

webpack .\src\main.js .\dist\bundle.js

表示要打包的文件的路径 打包的输出的文件的路径。完成后在dist文件夹内生成一个bundle.js。

基本使用打包完成，以上。