四时宝库

程序员的知识宝库

前端webpack构建优化(利用webpack如何优化前端性能)

从0到1负责手上项目一年多了,webpack虽然是老生常谈的话题,但只有出现问题时,才会去思考怎么去优化。由于项目里引入了越来越多的依赖,所以本地开发编译过程越来越慢,因此才有了这一次的webpack优化。顺便对一些生产环境的静态资源也做了一些优化。

vue-这应该是最基础了吧(vue实用技巧)

介绍

本质上是一些函数的集合。每次调用函数,实现一个特定的功能,接着把控制权交给使用者

  • 代表:jQuery
  • jQuery这个库的核心:DOM操作,即:封装DOM操作,简化DOM操作

Framework

从零实现一个迷你 Webpack(mini webpack)

HTML Webpack Plugin详细介绍及使用

概念

HTML Webpack Plugin这是一个webpack插件,它简化了HTML文件的创建,以服务于你的webpack bundle。这对于在文件名中包含哈希的webpack包特别有用,因为文件名会改变每次编译。您可以让插件为您生成一个HTML文件,或者使用lodash模板提供您自己的模板,或者使用您自己的加载器。

优雅的编程,高性能的JavaScript 的实用工具库——Lodash

介绍

Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库。有多年编程开发经验的工程师往往都会有自己的一套工具库,习惯性的我们可能给会称utils,或者我本人喜欢用helpers,这些都是自己平时代码的一些积累或者说技术总结!Lodash恰恰是这样一种工具库,提供了一套函数式编程的实用功能。Github上star数接近40k,日npm安装量达百万级,不得不说它很受欢迎!

Webpack基础应用篇 - 「7」 资源模块

目前为止,我们的项目可以在控制台上显示 "Hello world~~~"。现在我们尝试混合一些其他资源,比如 images,看看 webpack 如何处理。

webpack4 极简教程 核心概念(webpack4.0教程)

概述

1、作用:随着前端工程越来越大,我们需要吧大文件拆成小的模块,以提高可维护性和可扩展性。当模块越来越多,我们就需要借助工具来管理我们的模块。webpack就是这种帮助我们管理复杂项目的工具。webpack是打包工具(bundler)。

2、对比其他工具的优势:tree shaking、 懒加载、 代码分隔。

使用 Webpack 打包多端通用的依赖库

引言

最近准备着手将大学时写的一个框架给规范化,想着将它部署成 NPM 上的一个 Package,但遇到了两个问题:

  1. 这个框架完全是由 ES5 语法规范搭建的,也没有考虑模块依赖什么的,它本身依赖的其它库都是纯代码复制到项目文件内容的上方,所以我们应该需要使用模块化来引用其依赖的框架,如 ES5 的

速度与激情:Webpack5 & 极速编译

作者:glendonli,腾讯 PCG 前端开发工程师

对于大型前端项目而言,构建的稳定性和易用性至关重要,腾讯文档在迭代过程中,复杂的项目结构和编译带来的问题日益增多,极大的增加了新人上手与日常搬砖的开销。恰逢 Webpack5 上线,不如来一次彻底的魔改。

广州蓝景分享—Webpack 基础教学,正在自学前端的你赶快收藏起来

至今,有很多小伙伴们都不太了解Webpack打包工具,今天广州蓝景的小编跟大家普及下技术点的教学,请大家收藏好哦


<< < 1 2 3 > >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接