首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
webpack配置系列
订阅
无鱼大师
更多收藏集
微信扫码分享
微信
新浪微博
QQ
12篇文章 · 0订阅
「前端工程化」从0-1搭建react,ts脚手架(1.2w字超详细教程)
我们在这边文章里面用的是mycli ,但是我并没有上传项目到npm,但是这篇文章的技术是笔者之前的一个脚手架原型,感兴趣的同学本地下载可以体验效果。 一条命令创建项目,安装依赖,编译项目,运行项目。 我们希望用一条命令行,实现项目创建,依赖下载,项目运行,依赖收集等众多流程。如…
webpack4 的30个步骤打造优化到极致的 react 开发环境,如约而至
本篇所有代码线上代码react-webpack4-cook,翻译过来叫:webpack4和react的乱炖,可以跟着代码进行配置,之前有很多坑,线上代码都已经被解决了 。如果对您有帮助,不妨给个star.点赞关注不迷路 一篇文章不写前言总感觉不太正式,大概介绍下我是怎么完成一个…
📚免费的渐进式教程:Webpack4的16篇讲解和16份代码
首先,没有标题党!这套教程确实是免费的,并且针对每节讲解准备了对应的代码,代码环境是webpack4。 课程以常见的webpack4用法为主线,按照从易到难的顺序,逐步引导搭建,渐进式教程真香。 说句实在话,webpack4其实完全靠文档,但是刚入手的时候还是有个简易教程比较好…
Vue项目Webpack优化实践,构建效率提高50%
公司的前端项目使用Vue框架,Vue框架使用Webpack进行构建,随着项目不断迭代,项目逐渐变得庞大,然而项目的构建速度随之变得缓慢,于是对Webpack构建进行优化变得刻不容缓。经过不断的摸索和实践,通过以下方法优化后,项目的构建速度提高了50%。现将相关优化方法进行总结分…
前端构建秘籍
随着前端构架工具的不断发展,提供了很多提高我们的开发体验和开发效率的能力,同时构建已经成为前端技术栈中常见的技术。 webpack 也是众多构建工具中崭露头角一员,早期的 webpack 配置复杂难懂,随着其发展,相关配置也不断简化,性能也不断提高,但是对于深入使用的开发人员,…
babel-runtime使用与性能优化
本文主要内容包括:什么是babel-runtime、如何使用、使用场景与限制、如何结合babel-polyfill进行性能优化。 本文所有例子可以在 笔者的github 找到。
浅入浅出webpack
准备了挺久,一直想要好好深入了解一下Webpack,之前一直嫌弃Webpack麻烦,偏向于Parcel这种零配置的模块打包工具一些,但是实际上还是Webpack比较靠谱,并且Webpack功能更加强大。由于上一次学习Webpack的时候并没有了解过Node.js,所以很多时候真…
开发必备的webpack4
首先webpack4建议使用node版本在8.5以上,是因为要兼容新版npm下的npx,cmd中node -v查看node版本。 WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss…
利用ServiceWorker实现页面的快速加载和离线访问
IE全面扑街,pc上兼容性不太好,移动端安卓支持良好,ios要12+。但考虑到sw并不会影响的页面的正常运行,所以项目上还是能投入生产的。 通信方面我之前有翻译过文章,链接地址,大家感兴趣可以看看。这里我直接展示把封装好的通信接口接口 这样的做法的缺点是无法在首次加载页面的时候…
webpack4 多页面,多环境配置
项目需求制作为新的app的分享页,故需要制作多页面应用,那既然app是新的,这边我们也要更新上,经过多方考察(度娘)下,综合了一些他人的优点并结合项目实况产生了此文。 本文省去了部分初级操作。 一. webpack.base.conf.js 基本上就是一些变量的引用,简单解释一…