手记

快速入门webpack(1)- 基础篇

1. 导语

1.1 什么叫做webpack

webpack is a module bundler.
webpack takes modules with dependencies and generates static assets representing those modules.

简单的概括就是:webpack是一个模块打包工具,处理模块之间的依赖同时生成对应模块的静态资源。

1.2 webpack可以做一些什么事情

图中已经很清楚的反应了几个信息:

  • webpack把项目中所有的静态文件都看作一个模块
  • 模快之间存在着一些列的依赖
  • 多页面的静态资源生成(打包之后生成多个静态文件,涉及到代码拆分)
34人推荐
随时随地看视频
慕课网APP

热门评论

webpack可以配置多个入口文件和 编译输出文件吗?如何配置呢?网上找了一圈

项目中肯定不止一个html页面,a页面需要引入a.js,b.js,c.js 在入口文件中require a页面需要的js文件即可。

b页面需要引入d.js ,e.js ,f.js ,如果不能设置多个入口文件和多个编译输出文件的话就需要在入口文件中引入全部6个js文件,并编译到一个输出文件,这岂不是违背了模块管理工具的初衷呢?

查看全部评论