腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端技术分享|前沿资讯|读书分享

专栏作者

73

文章

191441

阅读量

19

订阅数

webpack实战——JS打包工具

rollup.js parcel 打包 javascript webpack

前面篇章叙述了关于webpack的许多内容，从入门，打包第一个模块，到进阶，最后到本地、生产及打包的优化。本篇则提及一下在JavaScript社区中另外的一些类似的打包工具，它们有的更加轻量、简洁，有的则更专注于某类特定场景等。通过了解这些，希望会有助于我们开发时从更多的角度和方向来认识打包工具及其发展，进而选用更加适合我们项目的打包工具。

2020-11-06

1.9K0

webpack实战——打包优化【下】

webpack ecmascript 编程算法打包 javascript

这是webpack打包优化【下】篇。前几篇针对性能要求高的项目从加快打包速度、减小资源体积方面入手，提出了一些优化政策，然后测试都可起到一定优化效果。本篇描述死代码的检测与去除。

2020-11-06

4200

webpack实战——打包优化【中】

打包 webpack javascript react

上篇从多线程打包和缩小打包作用域两个方面入手，对webpack打包层面做出优化。本篇描述从动态链接库思想方面继续深入探究打包层面的深度优化。

2020-11-06

8530

webpack实战——打包优化【上】

javascript webpack babel.js 打包编程算法

在打工过程中，非常耗时的一个工作是使用loader将各种资源进行转译处理，例如常见的使用babel-loader将ES6+语法代码转译为ES5等。代码转移的工作流程如下：

2020-10-27

9540

webpack实战——生产环境配置【下】

缓存打包 webpack javascript html

上两篇中，描述了一些关于生产环境的配置：环境变量的使用、配置文件描述、source-map配置、资源压缩等，从这几个方面入手来对生产环境进行一定的配置。

2020-10-09

6150

webpack实战——生产环境配置【中】

文件存储 webpack javascript 打包 css

上一篇中，描述了一些关于生产环境的配置：环境变量的使用、配置文件描述、开启生产模式、环境变量自定义配置等，从这几个方面入手都可以对生产环境产生一些有利影响。

2020-09-24

1.3K0

webpack实战——生产环境配置【上】

webpack javascript 编程算法打包 json

在前面的几篇中，介绍了webpack的大部分使用方法，使用其实就是为了上线，牵扯到生产环境，就会出现新的问题，比如：

2020-09-10

9400

webpack实战——代码分片

编程算法网站 webpack 打包 javascript

对于web应用来说通常会有一些库和工具是不常变动的，可以将它们放在一个单独的入口中，由该入口产生的资源不会经常更新，因此可以有效地利用客户端缓存，让用户不必在每次请求页面时都让资源重新加载。

2020-09-03

7910

webpack实战——样式文件分离

css 打包 webpack javascript html

在之前篇章里面主要是对js的打包应用和处理，而打包方面另外一个重要工作就是样式处理。

2020-08-14

4820

webpack实战——预处理器(loader)【下篇】

vue.js 网站 babel.js 打包 webpack

在上一篇中根据一切皆模块的思想，学习了解了loader：概述、引入、配置及使用。本篇接着上篇的话题，讲述常用loader。

2020-08-06

1K0

webpack实战——预处理器(loader)【上篇】

webpack javascript 打包 css 编程算法

当使用 babel-loader 将 ES6+ 代码转化为 ES5 时，带入公式：

2020-07-28

9390

webpack实战——一切皆模块

webpack javascript css 打包 html

这是webpack实战系列笔记的第4篇记录，简单描述一个思想：模块化思想——一切皆模块。本系列前几篇：

2020-07-24

1K0

webpack实战——资源输入与输出

webpack 打包 html 缓存 javascript

前两篇的博客中提及，webpack主要作用是对解决模块之间的依赖，把各个模块按照特定的规则和顺序组织在一起，那么我们就要对资源处理的流程有一个了解。各个流程如下：

2020-07-22

8180

webpack实战——模块打包

ecmascript webpack 打包编程算法 javascript

这是webpack实战系列的第二篇：模块和模块打包。上一篇：webpack实战——打包第一个应用记录了webpack的一些基础内容与一个简单的小例子，开启了webpack的实战之路，这一篇记录一下关于模块和模块打包。

2020-07-14

8620

webpack实战——打包第一个应用

webpack javascript 打包 npm node.js

作为前端开发者，我们以前在浏览器中运行 JavaScript ，会引用一些脚本来存放每个功能；此解决方案很难扩展，因为加载太多脚本会导致网络瓶颈；亦或使用一个包含所有项目代码的大型 .js 文件，但是这会导致作用域、文件大小、可读性和可维护性方面的问题。

2020-07-06

6230

vue白屏优化方案

缓存打包 html vue.js webview

vue项目打包后，在非首次线上替换dist文件时，某些手机/浏览器在之后首次打开页面，可能出现白屏情况。那么该问题产生原因是什么呢？我们又该如何应对呢？

2019-09-05

3.1K0

vue-cli 解决白屏、兼容、压缩及清除console

打包 css javascript npm html

描述 npm run build打包后，生成 dist文件夹。从该文件夹打开 dist/index.html页面，发现页面空白，且控制台报错。原因是路径配置有问题。方案根目录打开/新建 vue.config.js，配置路径：

2019-08-12

4.5K0

vue项目搭建及基本配置

npm vue.js 命令行工具 css 打包

准备阶段会将项目环境配置完毕,包含 node、 npm、 webpack和 vue-cli。已经完成的小伙伴可以跳过此步骤看第二阶段。

2019-08-12

3.3K0

没有更多了

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态