前端资源准备好index.html和login.html 目录结构： urls.py设置： from django.views.generic import TemplateView urlpatterns = [ # path('admin/', admin.site.urls), path('a ...
分类：
其他好文 时间：
2021-06-02 13:18:59
阅读次数：
0
webpack Webpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。 好处： 将许多碎小文件打包成一个整体，减少单页面内的衍生请求次数，提高网站效率 将ES6的高级语法进行转换编译，以兼容老版本的浏览器 将代码打包的同时进行混淆，提高代码的安全性 核 ...
分类：
其他好文 时间：
2021-05-23 23:18:49
阅读次数：
0
一、Webpack 简介 1.1 webpack 是什么 webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。 在webpack 看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。 它将根据模块的依赖关系进行静态分 ...
分类：
Web程序 时间：
2021-02-23 14:01:57
阅读次数：
0
前段时间优化一个公司历史老项目的Web性能，却引出了一系列的问题，让我反思良多。 我通过Chrome的Lighthouse工具可以看出一些性能参数和问题反馈，我逐一对其进行优化。 根据资源请求的不同，大致可以分为前端资源性能和后端程序性能两个方面。 先分析一下前端资源吧： Defer offscre ...
分类：
Web程序 时间：
2020-06-21 00:25:06
阅读次数：
69
webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。在webpack 看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。 它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。 当在 inde ...
分类：
Web程序 时间：
2020-06-04 20:03:24
阅读次数：
85
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。 环境支持：node.js Webpack 功能总结： 提取第三方库或 ...
分类：
Web程序 时间：
2020-06-03 15:35:27
阅读次数：
103
Webpack 入门 Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 1. Webpack安装 全局安装 2. 快速入门 2.1 JS打包 以上代码的意思是：读取当前目录下src文件夹中的main.js（入口文件）内 ...
分类：
Web程序 时间：
2020-05-23 14:54:31
阅读次数：
55
Node.js 就是运行在服务端的 JavaScript。部署一些高性能的服务，那么学习Node.js也是一个非常好的选择 Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。在安装 Webpack 前，你本地环境需要支持 ...
分类：
其他好文 时间：
2020-05-13 13:52:56
阅读次数：
52
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。 在安装 Webpack 前，你本地环境需要支持 node.js。 由 ...
分类：
Web程序 时间：
2020-04-20 13:27:01
阅读次数：
55
本文目录： 减少前端资源体积 使用长期缓存 监控和分析应用程序 总结 一、减少前端资源体积 1、webpack 4 开启 production 模式 production 模式下 webpack 会对代码进行优化，如减小代码体积，删除只在开发环境用到的代码。 可以在 webpack 中指定： mod ...
分类：
Web程序 时间：
2020-03-21 21:17:53
阅读次数：
81
