webpack是什么：
模块打包机，分析目录结构，找到js模块（包括浏览器不能直接识别的代码 typscript sass...）,打包成合适
的格式供浏览器访问
模块打包 构建（项目）
打包的优势（webpack的优势）
1 、模块化，拆分了业务复杂的js代码--》细小的文件
2、 js拓展---》 基于原型面向对象---》基于class（typescript , es6）-->浏览器识别
webpack与gulp的区别：
1、webpack支持模块化，建有优化的流程。
2、webpack具有缓存机制。
webpack的安装
初始化项目：npm init---->会生成 package.json 这个文件。
在package.json这个文件中有下面的这个配置：
"scripts": { //自定义 执行命令 有些软件 命令太长
"test": "echo \"Error: no test specified\" && exit 1"
},
安装webpack ：npm install webpack --save-dev
打包 webpack的格式：webpack 要打包的文件名 打包后的文件名。
这里需要注意的是在命令行使用webpack这个命令，是需要在全局安装webpack的。但是官方建议的是在项目内安装webpack，如果你没用全局安装的话，你需要自己在配置文件中进行配置。
原文地址：https://www.cnblogs.com/hsgg/p/8251446.html
时间： 2024-08-06 05:31:41