webpack的应用

1.什么是webpack？

     webpack是一款模块化开发的打包工具。

对项目进行初始化操作，对包进行管理命令：npm init -y   （生成package.josn文件）

安装webpack依赖到开发者依赖里面的命令：npm add webpack webpack-cli --dev

2.安装webpack

     ①全局安装（可以在任意位置直接使用webpack命令）：

        全写：npm install webpack webpack-cli --global

        简写：npm i webpack webpack-cli -g

      ②当前文件夹安装(结合npx使用webpack)：

        全写：npm install webpack webpack-cli --save-dev

        简写：npm i webpack webpack-cli -D

注释：

        --global/ -g   全局安装

        --save-dev / -D  作为开发依赖安装，只是在开发的过程中使用，后期作为产品上线就不需要

        --save / -S 作为运行依赖安装，开发中用到，在后期作为产品还会需要

3.打包命令：

        ①当前文件夹安装：npx webpack 自动node_modules目录中的.bin目录下寻找webpack.cmd           文件，执行打包命令。

        ②全局安装：webpack 如果已经全局安装webpack，可以直接运行