webpack

最新推荐文章于 2024-11-04 10:13:26 发布

pjiang000

最新推荐文章于 2024-11-04 10:13:26 发布

阅读量68

点赞数 1

分类专栏：前端文章标签： vue javascript typescript bootstrap webpack

本文链接：https://blog.csdn.net/weixin_44412864/article/details/114036756

版权

10 篇文章 0 订阅

订阅专栏

本质上，webpack 是一个用于现代 JavaScript 应用程序的_静态模块打包工具_。当 webpack 处理应用程序时，它会在内部构建一个依赖图(dependency graph)，此依赖图对应映射到项目所需的每个模块，并生成一个或多个 bundle。
前端模块化
- AMD
- CMD
- COMMON JS
- ES6
webpack能够让我们进行模块化的开发，并且处理模块之间的依赖关系
webpack 和 grunt gulp 打包有什么区别呢
- grunt gulp 的核心是 Task
- 定义任务流，依次来执行这些Task
- 没有模块化的概念，只需要进行简单的压缩，合并
- 强调前端流程的自动性质
webpack 强调模块化的开发管理

安装webpack 必须要安装nodejs，nodejs自带了包管理工具nom
安装 webpack
- npm install -g webpack webpack-cli
- 如果报错 npm install rollbackFailedOptional: verb npm-session XXXXXXXXXXX
- 则应该设置镜像源 npm config set registry http://registry.npm.taobao.org

webpack 5 以上
- webpack ./src/main.js -o ./dist/bundle.js --mode=development
- 报错因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 ab out_Execution_Policies。
  - 管理员方式打开 powershell
  - 输入set-executionpolicy remotesigned，**选择 Y **