首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
hohoggq
更多收藏集
微信扫码分享
微信
新浪微博
QQ
6篇文章 · 0订阅
rollup 打包工具
通过探索我们知道可以把css文件作为打包的入口,不过webpack的打包入口一般还是JavaScript, 因为他的打包入口从某种程度来说可以算是我们应用的运行入口。 而就目前而言,前端应用当中的业务是由JavaScript去驱动的,我们只是尝试一下,正确的做法还是把js文件作…
fis 打包工具
在此之前我们已经了解了一些webpack的相关概念和一些基本的用法,但是如果以目前的状态去应对日常的开发工作还远远不够,那是因为编写源代码,再通过webpack打包,然后运行应用,最后刷新浏览器这周周而复始的方式过于原始。 如果说我们在实际的开发过程中还按照这种方式去使用必然会…
webpack4.x 打包工具 | (一)
通过构建编译之类的操作我们可以将开发阶段的源代码转换为能够在生产环境当中运行的代码。这是一种进步,但是这种进步的同时也就意味着我们在实际生产环境当中运行的代码与我们开发阶段所编写的代码之间会有很大的差异。 那在这种情况下如果我们需要去调试我们的应用,又或是我们运行应用的过程中出…
webpack4.x 打包工具 | (二)
在此之前呢我们已经简单了解了webpack-dev-server的一些基本用法和特性,那他主要就是为我们使用webpack构建的项目提供了一个比较友好的开发环境,和一个可以用来调试的开发服务器。那使用webpack-dev-server就可以让我们的开发过程更加专注于编码。 因…
parcel 打包工具
webpack官网的首屏图片就已经很清楚的描述了他的工作原理,这里我们来简单理解一下webpack打包的核心工作过程。 我们以一个普通的前端项目为例,在我们的项目中一般都会散落着各种各样代码及资源文件,webpack会根据我们的配置找到其中的一个文件作为打包的入口,一般情况这个…
webpack4.x 打包工具 | (三)
Tree-shaking的字面意思就是摇树。 一般伴随着摇树这样一个动作我们树上的这些枯树枝和树叶就会掉落下来。 那我们这里要说的Tree-shaking也是相同的道理,不过我们这里摇掉的使我们代码当中那些没有用到的部分,那这部分代码更专业的说叫未引用代码(dead-code)…