![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 79
一号小白
这个作者很懒,什么都没留下…
展开
-
webpack原理思维导图总结
原创 2020-12-03 22:22:44 · 362 阅读 · 0 评论 -
webpack5 文档 自定义loader遇到stats.toJson().modules[0].source 为undefined
先去webpack5 英文官网找到对应示例文档, 拷贝完发现还是报undefined然后去看了stats文档,默认为false不显示…加上source: true测试成功原创 2020-12-03 21:56:08 · 283 阅读 · 0 评论 -
webpack优化项目总结
简述webpackwebpack是用来做什么的?本质上,webpack是一个现代化javascript应用程序的静态模块打包器(module bundler),是一种实现前端模块化的构建工具, 在前端模块化进程上有着重要的地位webpack是怎么工作的?当webpack处理应用程序时,它会递归地构建一个依赖关系图(dependency graph), 其中包含应用程序需要的每个模块,然后将...原创 2019-06-06 15:09:28 · 1214 阅读 · 0 评论 -
extenals 与 dllplugin 该用哪一个?
extenals使用方式extenals(外部扩展) 能够使用cdn引入的都是用cdn引入, 然后在 这里配置,引入库暴露的在全局的方法,并自定义一个名称; 在项目中使用时,使用这个名称,就可以引入库;dllplugin使用方式dllplugin 新建一个配置文件先打包部分 变动较少的第三方库, 然后在base配置里面使用DllReferencePlugin引用, webpack会根据man...原创 2019-06-06 15:15:56 · 469 阅读 · 0 评论 -
webpack通过hash控制文件缓存
常用hash的种类hash 每次编译都会改变 output: { filename: '[name].[hash:8].js', },chunkhash chunk文件的hash变动 output: { path: path.resolve(__dirname, '../dist'), filename: '[name]...原创 2019-08-01 20:24:44 · 268 阅读 · 0 评论 -
撸一个webpack基础配置
在模块化的开发过程中我们经常会使用webpack来帮助我们搭建一个良好的开发环境,提升开发效率;很多人对webpack的那么多配置项感到无从下手,下面是我总结的如何构建一个简单的webpack配置。准备工作先看一下我们一个简单的webpack配置大概需要的目录结构,暂时我们只处理核心的build和config部分build目录基础配置<!--webpack.base.conf.j...原创 2019-08-31 20:39:21 · 189 阅读 · 0 评论