首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack
订阅
庵主老衲来了
更多收藏集
微信扫码分享
微信
新浪微博
QQ
45篇文章 · 0订阅
React如何通过Webpack优雅的接入serviceWorker的成熟方案workBox && Google Analytics
为了提高React应用的启动速度、离线访问能力, 做到页面能离线启动、service worker能在后台默默更新本地缓存的页面、数据的版本,并且做到监控版本更新能力的靠谱性。 终极方案:采用serviceWorker的成熟方案workBox通过Webpack的workbox官…
webpack4.X 实战(四):企业SPA 24点总结(下)
13. 配置 打包输出路径 14. 配置 静态资源发布路径(方便CDN请求资源) 15. 配置 打包文件缓存 hash 16. 打包前 自动清除文件 clean-webpack-plugin 17. 根据查找规则 精简打包 18. 打包时 代码分割 19. 使用 HappyPa…
使用webpack搭建react开发环境
npm i -D 是 npm install --save-dev 的简写,是指安装模块并保存到 package.json 的 devDependencies中,主要在开发环境中的依赖包. 如果使用webpack 4+ 版本,还需要安装 CLI。 非全局安装下的打包。 webp…
从零开始搭建React应用(一)——基础搭建
webpack4的cli(command line interface)已经移动到webpack-cli了,如果要使用CLI,你需要安装webpack-cli,具体使用可以查看webpack-cli的文档。 由于Babel默认只转换新的JavaScript句法(syntax),…
只要这几步,webpack速成不是事儿
package.json里存放着当前项目的相关信息,包含 版本号,开发者,开发环境依赖,生产环境依赖,在这里我们重点关注 scripts, webpack构建命令在这里配置。 引入并调用该插件。执行npx webpack命令。则会帮你在dist目录,自动创建相应的html和js…
程序员如何祝自己生日快乐
本文教你如何用代码表达对自己的生日快乐之祝福或者对女孩的爱慕之情,具体如何应用大家可以发散思维,例如情人节给暗恋的女孩发一个 JS 文件过去表白,或者是清明节的时候用代码烧个香,祭奠死去的爱情之类的。 直接看效果吧。 要自己压缩出这样的代码其实很简单,使用 js2image 这…
移动spa商城优化记(二)--- 减少70%的打包等待时间
上篇讲了首屏优化,具体文章详见移动spa商城优化记(一)---首屏优化篇,这次来分享一下打包速度的一些优化经验,因为在实际项目开发中,随着项目的不断增大,依赖项不断增多,我们会发现webpack打包速度会越来越慢,有时候npm run一下可能出去上个厕所的时间都够了,在这快速发…
妈妈再也不用担心我不会webpack了
webpack前端工程中扮演的角色越来越重要,它也是前端工程化很重要的一环。本文将和大家一起按照项目流程学习使用wbepack,妈妈再也不用担心我不会使用webpack,哪里不会看哪里。这是一个由浅入深的文章。 现在vue、react等脚手架都会自动将开发环境使用的webpac…
webpack4 正确的配置方式
上下会初始化一个项目,接下来添加webpack4. 确定装的webpack版本是4. 保存之后,npm run dev会出现一个错误. 两个问题,第一个出错的意思是说,没有设置mode,默认会认为是production模式。第二个是说src下没有找到入口模块。 在项目下新建sr…
webpack(2)——配置项详解
... 1. mode mode 配置项是 webpack4 新增的配置项,这个配置项是必须的。 当人对于初学者来说,对于 webpack 的优化还有一段距离,首先我们大体了解一下即可。 它还有很多其他的优化默认值,但是效果可能并不美好,因为它针对的某些特定的大型项目,而我们只…