2.webpack最基本的使用方式

什么是webpack？

webpack是前端的一个项目构建工具，它是基于Node.js开发出来的一个前端工具；

webpack安装的两种方式

1.运行 'npm i webpack -g' 全局安装webpack，这样就能在全局使用webpack的命令

2.在项目根目录中运行'npm i webpack --save-dev'安装到项目依赖中

基本使用

如果在webpack中要使用jquery,需要导入jquery的包，导包之前先初始化webpack

npm init -y  初始化webpack  直接略过所有问答，全部采用默认答案

然后安装jquery

npm i jquery -S  安装jquery

Webpack可以做什么事情？

1.webpack能够处理JS文件的互相依赖关系

2.webpack能够处理JS的兼容问题，把高级的、浏览器不识别的语法，转为低级的，浏览器能整除识别的语法

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

webpack 要打包的文件的路径 打包好的输出文件的路径

webpack4可能要运行以下代码才不会出错

webpack ./src/main.js --output-filename ./dist/bundle.js --output-path . --mode development

--output-filename：设置要打包的文件目录

--output-path：打包文件放置的文件目录

--mode：告诉程序，在当前目录，我是属于开发状态development