各类技术文章~-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

各类技术文章~

专栏成员

789

文章

1121684

阅读量

37

订阅数

通过htmlWebpackPlugin.options.title修改页面标题的两种方法

网站 webpack html javascript 打包

可以使用 pages 字段来定义的标题。首先要有vue.config.js文件，没有的话在根目录创建，并将 pages 字段添加到exports中，如下所示：

玖柒的小窝

2021-12-07

6K0

重新审视前端模块的调用, 执行和加载之间的关系

webpack javascript 打包编程算法 node.js

好几个月没动笔了, 最近一直和团队在研究一些技术上的东西, 正好有一部分关于前端模块的内容可以和大家分享下.

玖柒的小窝

2021-11-28

5530

自动化生成骨架屏的技术方案设计与落地

webpack javascript 打包 ide html

性能优化，减少页面加载等待时间一直是前端领域永恒的话题。如今大部分业务合作模式都是前后端分离方案，便利性的同时也带来了非常多的弊端，比如 FCP 时间显著增加（多了更多的 HTTP 请求往返的时间消耗），这也就造成了我们所说的白屏时间较长，用户体验较差的情况。

玖柒的小窝

2021-11-21

9660

利用webpack-war-plugin打war包

webpack javascript 打包 vue.js

如何使用 webpack 将前端打成 war 包呢？其实 webpack 的插件库中提供了一个叫 webpack-war-plugin 的插件，可以很便捷的做到这一点。

玖柒的小窝

2021-11-16

1.3K0

Webpack的简单实现(手写)

babel.js webpack javascript 网站打包

使用 npm 命令安装一下： npm install @babel/parser @babel/traverse @babel/core @babel/preset-env -D

玖柒的小窝

2021-11-06

4980

Vue 项目之 Webpack 中 PostCSS 工具的使用（1）

vue.js webpack css

前面我们已经讲了 webpack 对 css、less 文件的处理，和处理 less 文件类似，处理 sass、stylus 也只需安装对应的工具再进行配置即可，具体可以查看官方文档：webpack.js.org/loaders/sas… 以及 webpack.js.org/loaders/sty… 。

玖柒的小窝

2021-11-06

9880

Vue 项目优化（最终输出方向）

html5 html webpack 小程序 javascript

我们有一个微信小程序，在迭代的过程中，为了赶进度，最初里面大部分页面都是利用 web-view 组件嵌套h5站点来实现的；h5站点，就是利用的vue-cli官方那一套搭建的单页面应用；随着项目的推进，迭代的节奏开始慢下来，老生常谈的前端项目优化问题，终于被提上了日程（主要有人吐槽加载太慢了）

玖柒的小窝

2021-11-04

1.3K0

工程化知识卡片 013: 发包篇之版本号与 semver

webpack 打包 javascript npm

semver，Semantic Versioning 语义化版本的缩写，文档可见 semver.org/，它由 [major, minor, patch] 三部分组成，其中

玖柒的小窝

2021-11-01

1730

记第一次性能优化——webpack打包优化

webpack http 文件存储 analyzer javascript

前言：以前一直认为性能优化很遥远，也很复杂，但当今天尝试过后，发现也并不是触不可及

玖柒的小窝

2021-10-26

7480

手摸手教你用webpack搭建TS开发环境

webpack npm 打包 html typescript

最近在学习typescript，也就是我们常说的TS，它是JS的超集。具体介绍就不多说了，今天主要是带大家用webpack从零搭建一个TS开发环境。直接用传统的tsc xx.ts文件进行编译的话太繁琐，不利于我们开发，经过这次手动配置，我们也能知道vue3内部对TS的webpack进行了怎样的配置，废话不多说进入正题。

玖柒的小窝

2021-10-24

6300

跟着写一遍就会了，手写一个mini版本的React（2.render）

webpack javascript 打包腾讯云测试服务 react

本节目标实现ReactDOM.render，只关心向 DOM 添加内容，之后处理更新和删除内容；

玖柒的小窝

2021-10-19

3810

使用Preact 开发基于Shadow DOM的JS插件

react css rollup.js 编程算法 webpack

第三方JS插件在日常开发中经常会使用到。对于一些不涉及到展示的功能插件，仅需要引入一个js文件即可，但对于一些界面级插件，如轮播图、富文本编辑器等，往往还需要单独引入css文件使之展示正常。但由于CSS存在覆盖问题，即使遵循某些规范（如BEM），仍然不可忽视。

玖柒的小窝

2021-10-09

2K0

Vue-cli4.5 脚手架学习/超详细

sass webpack javascript node.js vue.js

前言/脚手架的介绍与作用： Vue-cli脚手架官方中文文档：cli.vuejs.org/zh/guide/ 1. vue脚手架是什么？它是一个专门为单页面（SPA）应用快速搭建繁杂的脚手架，它是基于webpack的基础开发出来的一款能够快速的帮助我们构建一个用来开发vue的项目目录、结构（vue和webpack的项目模板）。 vue脚手架通常使用在大型项目中，能够加快我们的开发速度。而小型项目不推荐使用脚手架，因为反而会拖慢我们项目的开发速度。 2. 为什么会有vue脚手架？因为 we

玖柒的小窝

2021-10-09

8040

webpack性能优化-构建速度

文件存储 babel.js 打包 webpack javascript

随着项目越来越复杂，可能你们会有同样的感触，上了趟厕所回来，项目还没构建完成。然而测试还一直在催命。或许这时候你就应该去考虑下，如何去优化我们的构建速度。

玖柒的小窝

2021-10-09

5260

Webpack5里好用的插件（—）

网站 http 单片机 css webpack

本期给大家在webpack5中如何配置css用到的解析和插件的使用，更准确的说是PostCSS的插件。众所周知，现在大部分前端项目都在使用webpack做打包，打包做解析的比较重要目的一个是给js做转化，比如es6转es5，混淆压缩等。然后就是对css进行解析，比如说scss转css，less转css，前缀自动补全，还有移动端项目px转rem或者px转vw。今天我们就介绍将后者其中的前缀自动补全，px转rem，px转vw，这都是在PostCSS中极为常用的插件。

玖柒的小窝

2021-10-09

1K0

webpack打包typescript

javascript typescript webpack

相信很多前端的朋友都知道webpack是什么，webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用。

玖柒的小窝

2021-09-22

2.1K0

webpack5热更新打包TS

模块热替换（HMR - Hot Module Replacement）是 webpack 提供的最有用的功能之一。它允许在运行时替换，添加，删除各种模块，而无需进行完全刷新重新加载整个页面

玖柒的小窝

2021-09-22

2.1K0

没有更多了

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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