webpack
文章平均质量分 94
SiaEyre
这个作者很懒,什么都没留下…
展开
-
webpack六大核心概念
Entry 入口,Webpack执行构建的第一步从entry开始,可抽象成输入。 Module 模块,在webpack中一切皆模块,一个模块对应一个文件。webpack会从入口文件开始递归找出所有依赖的模块。 Chunk 代码块,一个chunk由多个模块组合而成,用于代码合并与分割。 Loader 模块转换器,用于将模块的原内容按照需求转成新内容。 Plugin 插件,使用插件完...原创 2020-03-25 00:23:14 · 116 阅读 · 0 评论 -
Webpack打包优化
开发环境 1.热模块替换HMR 优化开发环境加载速度。正常情况下,开发环境修改了某一模块代码,运行时,会重新加载所有css资源以及js资源。开启HMR功能之后,在一个源码发生改变时,只重新编译发生变化的模块,再利用新输出的模块替换老模块。 配置方式 devServer:{ contentBase:resolve(__dirname,'build'), compres...原创 2020-03-25 00:16:33 · 172 阅读 · 0 评论