![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Webpack
文章平均质量分 95
YaaLee_
逝者如斯夫,不舍昼夜
展开
-
WebPack全家桶(收藏吃灰必备!)
文章目录WebPack一、概述1、webpack是什么?2、webpack的核心概念二、webpack的使用1、基本的安装与配置2、webpack的配置文件2.1、基本配置2.2、配置默认预览页2.3、配置实时打包预览3、加载器3.1、加载器概述3.2、处理样式3.2.1、处理css文件3..2.2、处理less文件3.2.3、处理scss文件3.2.4、抽取css(优化)3.3、处理图片3.4、处理js文件高级语法4、webpack的其他细节4.1、entry多入口4.2、路径别名与默认后缀(优化)4.3原创 2021-08-16 11:14:12 · 363 阅读 · 0 评论 -
Webpack搭建ES6开发环境和React环境
1、什么是Webpack本质上,Webpack 是一个现代 JavaScript 应用程序的静态模块打包器(static module bundler)。在 Webpack 处理应用程序时,它会在内部创建一个依赖图(dependency graph),用于映射到项目需要的每个模块,然后将所有这些依赖生成到一个或多个 bundle。webpack 解决什么问题?Webpack 可以做到按需加载。像 Grunt、Gulp 这类构建工具,打包的思路是:遍历源文件→匹配规则→打包,这个过程中做不到按需加载,即原创 2021-07-26 11:39:03 · 257 阅读 · 0 评论