gulp 插件之 gulp-clean-css 和 gulp-make-css-url-version
原创
2017-08-21 20:59:16
1562阅读
点赞
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只是提供一个框架给我们,如果我们想要实现一些更加复杂的功能.比如css压缩,那么我们还需要安装一下gulp-cssnano插件.gulp相关的插件安装也是通过npm命令安装,安装方式跟其他包是一模一样的(gulp插件本身就是一个普通的包)对css文件的处理,需要做的事情就是压缩,然后在将压缩
转载
2018-12-03 08:26:00
95阅读
2评论
webpack的完整处理方案：less/sass文件打包和分离自动处理css前缀 消除未使用的css完整的webpack.config.js文件自动处理
转载
2022-05-27 00:05:36
540阅读
安装node.js，检查是否安装可用 使用淘宝镜像 检查 全局安装gulp 检查 来到本地路径，创建工程配置文件 本地路径下会有package.json文件，需要将安装组件或者插件的依赖写入这个文件写入依赖的组件或者插件可通过 命令找回 本地安装gulp并将依赖写入package.json 在gul
转载
2017-01-08 19:32:00
94阅读
2评论
gulp 插件之 gulp-useref 和 gulp-if
原创
2017-09-02 10:57:48
6355阅读
点赞
Open Chrome dev tools on any site you know has a source map included, click sources tab and you will immediately see why including source maps on prod
转载
2018-06-08 16:42:00
234阅读
2评论
大意：现在大多js文件都会被压缩或合并成一个，源文件被压缩后只有几行，一行有上万个字符。这是发布的形式。对于开发时进行排错是非常困难的，然而source map对于开发者来说是个福音，它利用google提供的closujue工具将压缩的js编译成map文件，记录每个字符的位置，在开发时利用chrome可进行快速定位并可看到可读的出错函数。 source map文件是js文件压缩后，文件的
转载
2024-05-03 22:50:47
262阅读
我们需要有一个桥梁帮助我们搭建起源代码及压缩后代码的联系，source map 就是起了这个作用。但是不知道各位读者有没有对 source map 的原理产生过疑问？笔者列出了四个疑问，不知道各位是不是也存在过这样的问题： Source map 四问
接下来的内容会逐步为读者解答这四问。source map 文件是否影响网页性能这个答案肯定是不会影响，否则构建相关的优化就肯定会涉及到对
转载
2024-04-20 22:23:10
913阅读
前言 gulp是一种比较容易上手的前端构建工具，相比于时下流行的webpack，gulp的学习成本更低，配置也简单，在很多前端框架的构建上（如bootstrap）都选择了gulp作为打包工具 安装运行 全局安装 npm install --global gulp 作为项目依赖安装 npm insta ...
转载
2021-10-07 14:33:00
249阅读
2评论
gulp 插件之 gulp-less，gulp-sass 和 gulp-sourcemaps
原创
2017-08-22 13:09:36
3843阅读
Source Map 就是一个信息文件,里面存储着位置信息,Source Map 文件中存储着压缩混淆后的代码,所对应的转换前的位置有了它,出错的时候,除错工具将直接显示原始代码,而不是转换后的代码,极大的方便后期的调试 开发模式下默认Source Map 问题开发环境下默认生成的 Source Map 记录的是生成后的代码的位置,会导致运行时报错的行数与源代码的行数不一致的问题解决默认
前端的构建工具常见的有Grunt、Gulp、Webpack三种，Grunt比较老旧，功能少，更新少，插件少。
概念：
gulp是一个自动化构建工具，主要用来设定程序自动处理静态资源的工作。简单的说，gulp就是用来打包项目的。
安装：
全局安装：
npm i gulp@3.9.1 -g
gulp -v # 测试是否安装成功
全局安装表示在当前电脑中可以使用gulp环境了
局部安装
npm i
转载
2021-08-13 20:05:25
162阅读
1、package.json{ "private": true, "scripts": { "prod": "gulp --production", "dev": "gulp
原创
2022-09-09 10:12:16
121阅读
gulp 插件之 gulp-autoprefixer
原创
2017-08-22 22:38:45
2009阅读
gulp3转换到gulp4非常多问题,很多写法都改了,下面是一些资料,但是我自己脚本还是
原创
2022-08-04 10:56:44
98阅读
