浅谈 webpack (一)

1.babel-loader将 js 代码转换为低版本,来看看解释Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。

执行webpack打包:

npx webpack --mode=development

webpack 主要由几部分组成

cli 模块 Node Loader plugin

1.CLI

构建（build）配置和交互

2.模块：

webpack 用于处理不同模块之间的打包

3.Node：

对编译粒度的更细控制需要通过Node接口实现

4.Loader：

转译模块源代码规则-接受源代码作为参数的函数

5.plugin：

插件

观察模式

npm run watch

更改文件时不需要重新打包运行整个文件 始终保持着观察变动的文件 更新打包

webpack-dev-server 提供一个简单的服务器，实现重新加载（避免手动去加载刷新浏览器）