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来进行打包。