介绍webpack

Wbpack

---

介绍:

WebPack是什么?

他是一个使用node.js实现的一个模块化代码打包工具 ,可以将这些模块打包成一个或者多个包,是一个前端项目构建工具[打包器]

作用:

• 友好的模块化支持
• 代码压缩混淆
• 处理js兼容问题
• 性能优化

安装:

webpack是基于node.js安装的,必须先安装nodel.js,再安装webPack.

安装前记得先初始化再安装:

npm init -y

 npm install -D webpack webpack-cli

​ 注意: 不推荐全局安装(全局安装 当前这个系统下的所有东西都是这个版本,为了防止版本不一样,出现不兼容)

​ webpack-cli : 提供 webpack 命令、工具，

​ webpack : webpack 代码，

使用:

查看版本:
./node_modules/.bin/webpack -v

​ 注意: 必须在终端才能查看版本,在黑窗口查看会报错;

​

打包:

./node_modules/.bin/webpack ./src/a.js   在终端使用webpack对当前文件进行打包

​ **注意😗*在黑窗口直接使用./node_modules/.bin/webpack会报错,

​ 要使用: .\node_modules.\bin\webpack

也可以编辑 package.json 的 scripts 来简化./node_modules/.bin/webpack 输入:

// package.json
{
   
	...,
	"scripts": {
   
        //获取到node_modules/.bin/webpack 要打包文件的相对路径
		'hello':'./node_modules/.bin/webpack ./src/a.js',
		'start':'./node_modules/.bin/webpack ./src/a.js',
         "start":