webpack

爱被打了一巴掌 2021-09-29 04:38 348阅读 0赞

1 webpack是什么？

CommonJS和AMD是用于JavaScript模块管理的两大规范，前者定义的是模块的同步加载，主要用于NodeJS；而后者则是异步加载，通过requirejs等工具适用于前端。随着npm成为主流的JavaScript组件发布平台，越来越多的前端项目也依赖于npm上的项目，或者 自身就会发布到npm平台。因此，让前端项目更方便的使用npm上的资源成为一大需求。

web开发中常用到的静态资源主要有JavaScript、CSS、图片、Jade等文件，webpack中将静态资源文件称之为模块。 webpack是一个module bundler(模块打包工具)，其可以兼容多种js书写规范，且可以处理模块间的依赖关系，具有更强大的js模块化的功能。Webpack对它们进行统 一的管理以及打包发布.

1127108-20170708001732565-146941238.png

2 为什么使用**webpack？**

  1. 对 CommonJS 、 AMD 、ES6的语法做了兼容

  2. 对js、css、图片等资源文件都支持打包

  3. 串联式模块加载器以及插件机制，让其具有更好的灵活性和扩展性，例如提供对CoffeeScript、ES6的支持

  4. 有独立的配置文件webpack.config.js

  5. 可以将代码切割成不同的chunk，实现按需加载，降低了初始化时间

  6. 支持 SourceUrls 和 SourceMaps，易于调试

  7. 具有强大的Plugin接口，大多是内部插件，使用起来比较灵活

8.webpack 使用异步 IO 并具有多级缓存。这使得 webpack 很快且在增量编译上更加快

转载于:https://www.cnblogs.com/suixiangff/p/7134715.html

发表评论

表情：
评论列表 （有 0 条评论，348人围观）

还没有评论，来说两句吧...

相关阅读

    相关 webpack

    转自：https://github.com/hawx1993/tech-blog/issues/3 背景 在去年年末参与的一个项目中，项目技术栈使用react

    女爷i女爷i/ 0 赞/ 114 阅读

    相关 WebPack

         现在的前端网页功能丰富，特别是SPA（single page web application 单页应用）技术流行后，JavaScript的复杂度增加和需要一大堆依赖包

    痛定思痛。痛定思痛。/ 0 赞/ 183 阅读

    相关 Webpack

    安装webpack 最好本地安装，每个项目需求不同对应webpack版本不一样，可能会打不开。 用 npm install webpack webpack-cli -

    红太狼红太狼/ 0 赞/ 416 阅读

    相关 webpack

    1 webpack是什么？ CommonJS和AMD是用于JavaScript模块管理的两大规范，前者定义的是模块的同步加载，主要用于NodeJS；而后者则是异步加载，通过r

    爱被打了一巴掌爱被打了一巴掌/ 0 赞/ 349 阅读

    相关 webpack

    依赖nodejs 创建一个demo目录 mkdir webpack-demo && cd webpack-demo npm init -y npm install -...

    朱雀朱雀/ 0 赞/ 829 阅读