前端构建工具webpack
草莓味的狮子座leo
这个作者很懒,什么都没留下…
展开
-
Webpack的核心概念
1.Entry 2.output 3.Module webpack将一切视为模块,一个模块对应一个文件;Webpack会从配置的Entry开始递归找所有依赖的模块 4.Chunk 一个chunk由多个模块组合而成,用于代码合并与分割 5.Loader 模块转换器:将原本模块内容按需转换成新内容 loader作用 webpack本身只能打包common.js规范的js文件,对于其他资源如css,img等,是没有办法加载的,这时就需要对应的loader将资源转化,从而进行加载。使wenbpack拥有加载和解.原创 2020-12-15 15:24:15 · 95 阅读 · 0 评论 -
webpack1
详情链接原创 2020-11-24 11:26:39 · 85 阅读 · 0 评论 -
webpack面试题
webpack的构建流程 webpack是一个串行流程,启动到结束依次执行: 1)初始化参数:webpack.config.js文件以及npm init 2)开始编译:初始化Compiler对象,加载插件,执行对象的run方法 3)确定入口:entry 4)编译模块:从entry出发,调用所有配置的loader对模块进行翻译,再找到该模块所依赖的模块,递归本步骤直至所有入口依赖的文件经过处理 5)完成模块编译:得到每个模块被翻译后的最终内容,以及依赖关系 6)输出资源:根据入口和模块之间的依赖关系,组装成.原创 2020-11-19 10:58:39 · 149 阅读 · 0 评论 -
Webpack(开发、生产环境配置)
Webpack简介 1.webpack定义 webpack静态资源打包器,前端所有资源(js/css/json/img/less…)作为模块处理,打包生产对应的boundle 2.webpack五大核心 Entry Output Loader Plugins Mode Webpack初体验 src:初始文件夹 dist:打包之后的文件夹 (1)初始化package.json npm init (2)下载安装webpack (全局)npm install webpack web原创 2020-11-13 12:24:51 · 286 阅读 · 0 评论