Gulp压缩合并js后，html路径替换问题

倦沐 2016-11-08 05:29:03

[/img][color=#FF0000]请教，我现在把1和2.js合并成all.js，然后想替换html中的引入路径，替换不了，怎么回事呢[/color]

[img=https://img-bbs.csdn.net/upload/201611/08/1478597168_347199.png]

...全文

572 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

槿畔 2019-03-21

打赏
举报

回复

我看了一下我以前的gulp项目，我是在src目录下比如像你说的all.js直接引入，其他的单个js文件不做引入，通过配置gulp，合并压缩src下所有的js到all.js并打包到dist目录下,这样一来打包出来的文件就把所有的js文件都引入了，再给dist启动一个http-server，更改代码就观察自行编译后的文件，但是不理想的是，你要监听dist文件下的服务，而不再是src下的文件（src的server监听也不能关闭）。这gulp就是这样，要不你就不合并js，只做压缩，html打包出来的东西路径自然不变，要不就是合并了，启动server去监听更改的文件自动热更新打包（如打包后的dist文件目录，自己再利用http-server观察dist下的文件做开发）

淮河神 2016-12-29

打赏
举报

回复

我也有这样的需求，貌似做不到。

前端构建工具基于的前端构建工具启动下载项目安装安装 npm install -g gulp 安装项目依赖 cd 项目根目录 npm install 目录结构 src 源文件 src/asserts js,css等资源文件 src/views html文件 bulid 构建后的文件支持功能列表页面的css，js，html发生改变时，主动的刷新页面待支持的功能 CSS,img的压缩文件和合并路径的替换：将文件中所有的开发路径和替换成发布路径 Liveload 和静态服务器整合到一起执行 gulp min-js 脚本压缩前，会执行脚本代码质量(jshint)。压缩后在文件头部加文件描述。本项目的验证规则见 .jshint文件。 CSS图片精灵执行 gulp sprite 生成图片精灵。待做：将某个文件夹文件名称中以icon-开头的文件进行合并成一张图片精灵。 Liv

接上一篇文章：Gulp学习指南，这里主要记录一下用 gulp 来合并、压缩CSS以及进行 MD5命名以及替换文件中引入的CSS文件，当然这一系列操作都是用基于gulp插件的，主要会用到下面的几个插件： var concat = require('gulp-concat');//- 多个文件合并为一个；var minifyCss = require('gulp-minify-css');//- 压...

随着时代的发展，越来越多的技术蜂拥出来，而web技术也从之前单一的单一打包，放到web容器中运行。逐渐发展成了，js压缩，sass编译成css然后在压缩，sourceMap的引入，CDN的引入等等。这篇文章就是一个大一统的解决方案。不卖关子了，下面介绍一下本篇文章的目的。本篇文章用一个spring boot实现如下功能：使用spring boot + 内嵌tomcal + jsp 实现web容器前...

安装gulp, 打包压缩css, js, html引入文件替换, 解决网页缓存问题.

关于如何搭建gulp和准备工作请看上一篇文章 gulp从头到尾实现压缩，合并，加版本号以及部分问题解决(初版)（mac） 1- 我的文件结构如下： 2- gulpfile.js 文件配置如下： var gulp = require('gulp'), rev = require('gulp-rev'), // 给静态资源文件名添加hash值:unicorn.css => unicor...

87,909

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章