webpack4 (一)介绍及安装

159 阅读1分钟

webpack简介 

 1.webpack是什么 简介:

     webpack其实就是一个JavaScript应用程序的静态模块打包器。

 2.webpack有什么作用 模块化打包:

       webpack会将项目的资源文件当成一个一个模块,模块之间会有依赖关系, webpack将会对这些有依赖关系的文件进行处理,让浏览器能够识别, 最后将应用程序需要的每个模块打包成一个或者多个bundle  


安装:

1. 安装node

node官网地址: nodejs.org/zh-cn/

2. 创建package.json文件

命令:npm init

3. 安装webpack

本地安装:(推荐)

npm install --save-dev webpack

npm install --save-dev webpack-cli

全局安装:

npm install --global webpack webpack-cli

4. 打包

默认entry入口 src/index.js

默认output出口 dist/main.js

打包模式:

webpack --mode development

webpack --mode production

Package.json文件下添加scripts

设置好后在命令行程序中运行npm run dev或者npm run build来进行打包。