腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
首页
学习
活动
专区
工具
TVP
最新优惠活动
返回腾讯云官网
前端技术分享|前沿资讯|读书分享
专栏成员
举报
73
文章
198007
阅读量
19
订阅数
订阅专栏
申请加入专栏
全部文章(73)
javascript(33)
css(22)
vue.js(20)
html(19)
打包(18)
webpack(16)
编程算法(12)
node.js(10)
网站(8)
http(6)
网络安全(6)
npm(6)
缓存(5)
canvas(5)
jquery(4)
ecmascript(4)
php(3)
api(3)
babel.js(3)
验证码(3)
border(3)
ios(2)
react(2)
android(2)
ide(2)
github(2)
nginx(2)
文件存储(2)
html5(2)
微信(2)
https(2)
官方文档(1)
mac os(1)
c 语言(1)
bash(1)
jsp(1)
json(1)
webview(1)
web.py(1)
git(1)
搜索引擎(1)
apache(1)
bash 指令(1)
容器镜像服务(1)
访问管理(1)
命令行工具(1)
腾讯云测试服务(1)
企业(1)
渲染(1)
sass(1)
rollup.js(1)
容器(1)
parcel(1)
开源(1)
自动化(1)
dns(1)
markdown(1)
socket编程(1)
小程序(1)
bug(1)
css3(1)
动画(1)
搜索文章
搜索
搜索
关闭
webpack实战——JS打包工具
rollup.js
parcel
打包
javascript
webpack
前面篇章叙述了关于webpack的许多内容,从入门,打包第一个模块,到进阶,最后到本地、生产及打包的优化。本篇则提及一下在JavaScript社区中另外的一些类似的打包工具,它们有的更加轻量、简洁,有的则更专注于某类特定场景等。通过了解这些,希望会有助于我们开发时从更多的角度和方向来认识打包工具及其发展,进而选用更加适合我们项目的打包工具。
流眸
2020-11-06
2K
0
webpack实战——打包优化【下】
webpack
ecmascript
编程算法
打包
javascript
这是webpack打包优化【下】篇。前几篇针对性能要求高的项目从加快打包速度、减小资源体积方面入手,提出了一些优化政策,然后测试都可起到一定优化效果。本篇描述死代码的检测与去除。
流眸
2020-11-06
441
0
webpack实战——打包优化【中】
打包
webpack
javascript
react
上篇从多线程打包和缩小打包作用域两个方面入手,对webpack打包层面做出优化。本篇描述从动态链接库思想方面继续深入探究打包层面的深度优化。
流眸
2020-11-06
876
0
webpack实战——打包优化【上】
javascript
webpack
babel.js
打包
编程算法
在打工过程中,非常耗时的一个工作是使用loader将各种资源进行转译处理,例如常见的使用babel-loader将ES6+语法代码转译为ES5等。代码转移的工作流程如下:
流眸
2020-10-27
988
0
webpack实战——生产环境配置【下】
缓存
打包
webpack
javascript
html
上两篇中,描述了一些关于生产环境的配置:环境变量的使用、配置文件描述、source-map配置、资源压缩等,从这几个方面入手来对生产环境进行一定的配置。
流眸
2020-10-09
640
0
webpack实战——生产环境配置【中】
文件存储
webpack
javascript
打包
css
上一篇中,描述了一些关于生产环境的配置:环境变量的使用、配置文件描述、开启生产模式、环境变量自定义配置等,从这几个方面入手都可以对生产环境产生一些有利影响。
流眸
2020-09-24
1.4K
0
webpack实战——生产环境配置【上】
webpack
javascript
编程算法
打包
json
在前面的几篇中,介绍了webpack的大部分使用方法,使用其实就是为了上线,牵扯到生产环境,就会出现新的问题,比如:
流眸
2020-09-10
977
0
webpack实战——代码分片
编程算法
网站
webpack
打包
javascript
对于web应用来说通常会有一些库和工具是不常变动的,可以将它们放在一个单独的入口中,由该入口产生的资源不会经常更新,因此可以有效地利用客户端缓存,让用户不必在每次请求页面时都让资源重新加载。
流眸
2020-09-03
839
0
webpack实战——样式文件分离
css
打包
webpack
javascript
html
在之前篇章里面主要是对js的打包应用和处理,而打包方面另外一个重要工作就是样式处理。
流眸
2020-08-14
502
0
webpack实战——预处理器(loader)【下篇】
vue.js
网站
babel.js
打包
webpack
在上一篇中根据一切皆模块的思想,学习了解了loader:概述、引入、配置及使用。本篇接着上篇的话题,讲述常用loader。
流眸
2020-08-06
1.1K
0
webpack实战——预处理器(loader)【上篇】
webpack
javascript
打包
css
编程算法
当使用 babel-loader 将 ES6+ 代码转化为 ES5 时,带入公式:
流眸
2020-07-28
978
0
webpack实战——一切皆模块
webpack
javascript
css
打包
html
这是webpack实战系列笔记的第4篇记录,简单描述一个思想:模块化思想——一切皆模块。本系列前几篇:
流眸
2020-07-24
1.1K
0
webpack实战——资源输入与输出
webpack
打包
html
缓存
javascript
前两篇的博客中提及,webpack主要作用是对 解决模块之间的依赖,把各个模块按照特定的规则和顺序组织在一起,那么我们就要对资源处理的流程有一个了解。各个流程如下:
流眸
2020-07-22
851
0
webpack实战——模块打包
ecmascript
webpack
打包
编程算法
javascript
这是webpack实战系列的第二篇:模块和模块打包。上一篇:webpack实战——打包第一个应用 记录了webpack的一些基础内容与一个简单的小例子,开启了webpack的实战之路,这一篇记录一下关于模块和模块打包。
流眸
2020-07-14
930
0
webpack实战——打包第一个应用
webpack
javascript
打包
npm
node.js
作为前端开发者,我们以前在浏览器中运行 JavaScript ,会引用一些脚本来存放每个功能;此解决方案很难扩展,因为加载太多脚本会导致网络瓶颈;亦或使用一个包含所有项目代码的大型 .js 文件,但是这会导致作用域、文件大小、可读性和可维护性方面的问题。
流眸
2020-07-06
665
0
vue白屏优化方案
缓存
打包
html
vue.js
webview
vue项目打包后,在非首次线上替换dist文件时,某些手机/浏览器在之后首次打开页面,可能出现白屏情况。那么该问题产生原因是什么呢?我们又该如何应对呢?
流眸
2019-09-05
3.2K
0
vue-cli 解决白屏、兼容、压缩及清除console
打包
css
javascript
npm
html
描述 npm run build打包后,生成 dist文件夹。从该文件夹打开 dist/index.html页面,发现页面空白,且控制台报错。原因是路径配置有问题。方案根目录打开/新建 vue.config.js,配置路径:
流眸
2019-08-12
4.6K
0
vue项目搭建及基本配置
npm
vue.js
命令行工具
css
打包
准备阶段会将项目环境配置完毕,包含 node、 npm、 webpack和 vue-cli。已经完成的小伙伴可以跳过此步骤看第二阶段。
流眸
2019-08-12
3.4K
0
没有更多了
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
立即查看
Python精品学习库
代码在线跑,知识轻松学
立即查看
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
立即体验
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
立即查看
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档