js 编写后文件太大，可以使用gulp 来进行压缩。 具体步骤如下： 1.创建一个工作目录 在该目录下安装 gulp npm install gulp 安装gulp-uglify 模块 npm install gulp-uglify 2.在工作目录下编写脚本gulpfile.js var gulp
原创
2021-07-22 15:40:43
527阅读
webpack代码压缩 js压缩 css压缩 html压缩 js压缩 webpack4内置了uglifyjs-webpack-plugin,在生产模式默认开启这个插件 所以我们默认打包的js文件以及是压缩过的 当然我们也可以手动安装一下这个插件并且手动设置一个参数 去做一些并行压缩之类的事情 css ...
转载
2021-09-24 00:33:00
1505阅读
2评论
安装nodejsnpm install -g gulp-cli-g 全局安装gulp --version创建文件夹npm initnpm ins
原创
2022-11-21 10:30:14
106阅读
gulp学习记录npm init -y yarn add gulp -D 修改 package.json "scripts": { "build": "gulp" }, // 查看版本 npx gulp --version 新建 gulpfile.js // 重命名 gulp-rename // 压
原创
2022-06-05 01:44:37
193阅读
目前做代码压缩合并的工具有很多，诸如gulp，webpack，grunt等等，可以说这些项目构建工具的功能非常之强大：图片压缩、图片转base、css和js的压缩以及合并，文件的md5重命名 ……。本人之前也是在项目中没具体使用过，闲来无事，查查资料，自己写了一个用gulp工具的小demo，有很
转载
2017-02-24 17:42:00
194阅读
gulp是基于流的自动化构建工具官方网址：://.gulpjs.com.cn/ 安装需要的模块 新建package.json,输入下面的内容 命令npm install { "name": "autopractice", "version": "1.0.0", "description
转载
2020-04-08 18:54:00
156阅读
2评论
如何 提高网页加载速度 ，需要怎么对html页面优化相信是每个拟提高建站技术站长曾想到的问题，其实 网页优化 的方法还是很多。
有童鞋询问higrid如何 压缩HTML，也就是说能不能 把所有的html、js、Css在运行前都压缩成一行，清除注释标记、换行符、空格、制表符等。这样一个直接的好处是 减小html页面体积来提高前端加载速度。很多人认为启动gzip，但一般启动gzip都比较少对html启动gzip压缩，因为现在的html都是动态的，不会使用浏览器缓存，而启用gzip的话每次请求都需要压缩，会比较消耗服务器资源，对js,css启动gzip比较好是因为js,css都会使用缓存。而大家也用了很多软件过滤一下压缩，也有 在线js/css/html压缩工具，higrid觉得也很麻烦，可读性很差。higrid认为如果将压缩功能做成一个函数的话，这样开发者看到的是未压缩的状态，但访客访问时，服务端的程序将 html页面进行压缩，清除注释标记、换行符、空格、制表符等 来达到 减小了html体积的目的
原创
2013-01-26 20:32:47
702阅读
1、先压缩再传输，可以减少传输的大小，减少传输时间，但是压缩需要时间，所以最终页面显示是快了还是慢了，需要比较 2、先看html压缩模块：pip install Flask-HTMLmin 压缩前：大小1.9M，完成时间1.20s 压缩后：大小1.3M，完成时间2.35s，反而时间更久了 2、再看c
转载
2017-07-13 22:15:00
176阅读
2评论
1、把npm 更新到最新版本 npm install -g npm 2、把npm源切换到taobao源 全局安装nrm：npm install -g nrm 查看正在使用的源：nrm ls 添加源，例如：nrm add taobao https://registry.npm.taobao.org 删
转载
2020-09-22 15:48:00
1005阅读
2评论
参考打包教程：
http://www.tuicool.com/articles/viequay
https://github.com/Platform-CUF/use-gulp
实现要点：
1、如何运行gulp的任务，加入新建好一个如下任务：
// 语法检查
gulp.task('jshint', function () {
gulp.src('js/**/*.js')
转载
2016-12-22 09:50:00
284阅读
2评论
安装 mini-css-extract-plugin 抽离 css 内容 npm install mini-css-extract-plugin -D 压缩 css 代码 npm install optimize-css-assets-webpack-plugin -D 压缩js npm insta
原创
2021-07-28 15:44:37
382阅读
使用yuicompressor 进行css和js的压缩 #! /bin/sh yasuocss="java -jar /root/yuicompressor-2.4.8.jar --type css --charset utf-8" yasuojs="java -jar /root/yuicompr
原创
2015-03-25 12:15:00
100阅读
webapck 中提供了压缩 js 代码的方式，可以移除无用代码、替换变量名等，减少编译后文件体积，提升加载速度。不同mode在 webpack 配置文件 webpack.config.js 中通过将 mode 设置为 development 或者 production，会对代码进行不同的处理。可以发现，production 模式下编译的文件，文件及变量名被修改、空格换行被去除，即使自己没有进行配
转载
2024-01-05 23:59:11
63阅读
工具https://github.com/kangax/html-minifierhttps://github.com/fmarcia/UglifyCSShttps://github.com/mishoo/UglifyJS2使用con
原创
2023-03-03 00:18:46
214阅读
gulp 插件之 gulp-clean-css 和 gulp-make-css-url-version
原创
2017-08-21 20:59:16
1562阅读
点赞
前端学习 HTML HTML基础 HTML:Hyper Text Markup Language(超文本标记语言)。超文本包括:文字、图片、音频、视频、动画等 <!DOCTYPE html> DOCTYPE声明:告诉浏览器使用什么规范 <!--标题标签--> <h1></h1>h1最大，h6最小 < ...
HTML/CSS/JS 的关系 html 负责页面内容显示和结构 css 页面美化js 与用户交互面试题：网页的三层结构结构是什么？各自的作用结构层、表现层、行为层 script标签的使用 <!--嵌入的方式--> <script> js代码 </script> <!-- 外部js文件引入的方式 - ...
转载
2021-10-17 22:18:00
201阅读
2评论
你需要了解的21个CSS惊人技巧http://www.iteye.com/news/11112-web-css24 个漂亮的个性化 HTML 表单技术s html jshttp://www.gotapi.com/html
原创
2023-04-07 09:27:18
168阅读
1、package.json{ "private": true, "scripts": { "prod": "gulp --production", "dev": "gulp
原创
2022-09-09 10:12:16
121阅读
1.安装nodejshttp://nodejs.org/2.安装各自的node packagejs我用的是UglifyJS github地址：https://github.com/mishoo/UglifyJScss我用的是clean-css github地址：https://github.com/GoalSmashers/clean-css图片用的是node-smushit &nbs
转载
2024-08-01 13:40:46
25阅读
