首页
技术小册
AIGC
面试刷题
技术文章
MAGENTO
云计算
视频课程
源码下载
PDF书籍
「涨薪秘籍」
登录
注册
模块化概述
入口文件
非模块化文件打包
AMD模块打包
CommonJS模块打包
Node模块和NPM
UMD模块打包
CLI与API使用模式
基本配置项
文件分片
CommonChunks插件
高级配置项
使用Loader
bundle-loader
exports-loader
imports-loader
expose-loader
TypeScript与Vue
当前位置:
首页>>
技术小册>>
webpack指南
小册名称：webpack指南
为了方便，这里先解释一下入口文件的概念，这个概念在前端模块化中还是比较重要的，不管是用什么模块化规范，基本都绕不开这个概念。 简单点说，入口文件就是在HTML直接引用的，由浏览器触发执行的JS文件。其它的非入口文件则是由入口文件来直接或间接依赖，由JS互相调用执行。举个简单的例子： index.html: ```html <html> <head> <script src="main.js"></script> </head> <body> </body> </html> ``` main.js ```javascript var a = require('./a'); var b = require('./b'); a.doSth(); b.doSth(); ``` 这个例子中，`main.js`由HTML直接引用，是整个程序逻辑开始的地方，因此是入口文件，而被引用的`a`和`b`则是由`main.js`引入和调用，因此不是入口文件。 一般而言，我们会将一些逻辑提取封装后放到独立的文件中，最后由入口文件引入来调用它们提供的方法完成整个程序逻辑。也就是一般入口文件关注整体流程，而非入口文件关注公共某一部分的实现。
上一篇：
模块化概述
下一篇：
非模块化文件打包
该分类下的相关小册推荐：
全解webpack前端开发环境定制
Webpack实战：入门、进阶与调优(上)
Webpack实战：入门、进阶与调优(下)
Webpack实战：入门、进阶与调优(中)
Webpack零基础入门
