1为什么会webpack
1 因为开发者编写的代码是模块化开发,.less .scss .vue .js等文件2 开发者编写的代码是工程化
因为浏览器不能解析vue react less scss 等工程化模块化的代码,所以需要webpack 工具,将编写的模块化代码,进行编译/打包,然后在浏览器中运行的编译后或者打包后的代码
编译:由A变B 就是编译打包:将代码放到一个文件中,这些代码可能被重新压缩了
2webpack是什么?
webpack 是自动化构建工具
3:怎么搭建使用webpack的环境
1: 依赖nodejs npm 下载nodejs npm
npm init -y ---> 生成package.json文件
2: 安装cli工具 webpack 库
npm i --save-dev webpack webpack-cli
3:测试运行webpack
局部安装 : npx webpack --version
全局安装 : webpack --version
全局安装 相对整个电脑
全局会覆盖局部,会导致版本受限制
比如:项目A webpack 3 版本 如果全局为 webpack 5运行会存在兼容性问题
项目B webpack 5 打包的, 如果全局为 webpack4 会存在 升级的问题
推荐【局部安装】:局部安装相对于当前文件夹
4: 创建 webpack 配置文件
webpack.config.js
module.exports = {}
5: 运行webpack
npx webpack
3:上手webpck,简单测试时候能够解决什么问题?
1:安装基本环境(全局,局部)
2:运行命令 测试是否按爪给你
3:编写配置文件
4:具体看工具的配置文件如何编写?