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