Webpack Webpack

  • 994KB
  • WinXP/Win7/Win10/WinAll
  • 2018年05月25日
  • 免费软件

我要举报

图片

简介

webpack是一款专业的前端资源模块化管理与打包工具,主要用于前端设计,提供强大的框架,本软件可以一键安装webpack框架结构,webpack是前端开发者会用到的软件。功能介绍
  webpack 通过 loader 的转换,任何形式的资源都可以视作模块,比如 commonjs 模块、 amd 模块、 es6 模块、css、图片、 json、coffeescript、 less 等。
框架特点
  代码拆分
  webpack 有两种组织模块依赖的方式,同步和异步。异步依赖作为分割点,形成一个新的块。在优化了依赖树后,每一个异步区块都作为一个文件被打包。
  loader
  webpack 本身只能处理原生的 javascript 模块,但是 loader 转换器可以将各种类型的资源转换成 javascript 模块。这样,任何资源都可以成为 webpack 可以处理的模块。
  智能解析
  webpack 有一个智能解析器,几乎可以处理任何第三方库,无论它们的模块形式是 commonjs、 amd 还是普通的 js 文件。甚至在加载依赖的时候,允许使用动态表达式 require(./templates/ + name + .jade)。
  插件系统
  webpack 还有一个功能丰富的插件系统。大多数内容功能都是基于这个插件系统运行的,还可以开发和使用开源的 webpack 插件,来满足各式各样的需求。
  快速运行
  webpack 使用异步 i/o 和多级缓存提高运行效率,这使得 webpack 能够以令人难以置信的速度快速增量编译。
框架优势
  1 按需加载模块,按需进行懒加载,在实际用到某些模块的时候再增量更新
  2 webpack 是以 commonjs 的形式来书写脚本,但对 amd/cmd 的支持也很全面,方便旧项目进行代码迁移。
  3 能被模块化的不仅仅是 js 了,能处理各种类型的资源。
  4 开发便捷,能替代部分 grunt/gulp 的工作,比如打包、压缩混淆、图片转base64等。
  5 扩展性强,插件机制完善
安装方法
  请确保安装了 node.js 的最新版本。使用 node.js最新的长期支持版本(lts - long term support),是理想的起步。使用旧版本,你可能遇到各种问题,因为它们可能缺少 webpack 功能以及/或者缺少相关 package 包。
  要安装最新版本或特定版本,请运行以下命令之一:
  npm install --save-dev webpack
  npm install --save-dev webpack@
  如果你使用 webpack 4+ 版本,你还需要安装 cli。
  npm install --save-dev webpack-cli
  对于大多数项目,我们建议本地安装。这可以使我们在引入破坏式变更(breaking change)的依赖时,更容易分别升级项目。通常,webpack 通过运行一个或多个 npm scripts,会在本地 node_modules 目录中查找安装的 webpack:
  scripts: {
  start: webpack --config webpack.config.js
  }
  当你在本地安装 webpack 后,你能够从 node_modules/.bin/webpack 访问它的 bin 版本。
更新日志
  1 修复缺失的调试依赖
  2 支持数组output.library.root

详细信息

本类最新

最新游戏

最新软件

本类排行

推荐阅读

相关阅读