webpack
文章平均质量分 54
深沉影子灰
记录,分享,提升,加油!!!
展开
-
Webpack是什么?如何使用Webpack
Webpack是一个开源的模块打包工具,它能够将JavaScriptCSS、图片等各种资源,通过模块化的方式打包成静态资源文件,用于在浏览器中显示。Webpack具有丰富的插件和配置选项,可以适应各种不同的前端项目,使得开发人员有更多的空间来构建各种复杂的应用程序。Webpack是一个功能强大的前端打包工具,同时也提供了很多扩展性强的插件和配置选项,相信本文可以帮助初学者更快更好地掌握Webpack。。原创 2023-05-06 11:51:17 · 229 阅读 · 0 评论 -
使用@craco/craco修改或覆盖webpack配置
使用@craco/craco修改或覆盖webpack配置原创 2022-10-28 13:32:09 · 1054 阅读 · 0 评论 -
webpack常用loader和plugin
loader是一种打包的方案,webpack默认只识别js结尾的文件,当遇到其他格式的文件后,webpack并不知道如何去处理。此时,我们可以定义一种规则,告诉webpack当他遇到某种格式的文件后,去求助于相应的loader。一个webpack的bundle文件分析工具,将bundle文件以可交互缩放的treemap的形式展示。webpack插件,采用不同的plugin完成各类不同的性需求,热更新,css去重之类的问题。编译时配置全局变量,这对开发模式和发布模式的构建允许不同的行为非常有用。......原创 2022-07-20 14:56:43 · 940 阅读 · 0 评论 -
webpack 中的 loader 和 plugin 区别是什么 各有什么用?
plugin即为插件,是一个扩展器,丰富webpack本身,增强功能,针对的是在loader结束之后,webpack打包的整个过程,他并不直接操作文件,而是基于事件机制工作,监听webpack打包过程中的某些节点,执行广泛的任务。loader即为文件加载器,操作的是文件,将文件A通过loader转换成文件B,是一个单纯的文件转化过程。将css提取到一个单独的文件当中。他可以为每一个包含css的js文件创建一个css文件。css-loader解析css文件,并将其处理成标签注入到dom中。...原创 2022-07-20 14:29:40 · 1818 阅读 · 0 评论