gulp项目找不到html标签,通过yeoman、gulp、angular编写前段时的html模板处理，打包后找不到html的问题解决...

最近遇到了一个问题，就是通过yeoman、gulp编写前段的时候，自己的html文件，在一些插件中用到，在代码中，直接写了相对路径，在正常调试的情况下，是没有任何问题的，但是当打包发布代码之后，引用相对路径的html无法找到，提示404

研究了gulp后，发现build.js中，写好的关于匹配html文件，然后进行压缩的代码，是将匹配的所有html文件，都通过angularTemplatecatch插件压缩到了templateCatchHtml.js文件中

代码如下

gulp.task('partials', function () {

return gulp.src([

path.join(conf.paths.src, '/app/**/*.html'),

path.join(conf.paths.tmp, '/serve/app/**/*.html')

])

.pipe($.minifyHtml({

empty: true,

spare: true,

quotes: true

}))

.pipe($.angularTemplatecache('templateCacheHtml.js', {

module: 'webapp',

root: 'app'

}))

.pipe(gulp.dest(conf.paths.tmp + '/partials/'));

});

也就是说，我们可以在程序中直接使用打包好的template的id来直接找到对应的html

所以我把代码中使用相对路径的html改成了生成的模板代码中的模板id

这样，dist打包后就可以正常使用了。

gulp项目找不到html标签,通过yeoman、gulp、angular编写前段时的html模板处理，打包后找不到html的问题解决...相关推荐

vue-cli3.x正确打包项目,解决静态资源与路由加载无效的问题,history模式下配合使用nginx运行打包后的项目
vue-cli3.x正确打包项目,解决静态资源与路由加载无效的问题,history模式下配合使用nginx运行打包后的项目参考文章: (1)vue-cli3.x正确打包项目,解决静态资源与路由加载无 ...
Python项目打包后找不到路径问题，将资源文件数据文件打包到exe文件中
目录问题描述 Python项目打包后,找不到配置文件路径 1.冻结路径 2.使用方法将资源文件打包到exe文件中 1.打包前准备 2.返回临时路径 3.使用方法 4.编译打包问题描述 pyins ...
webpack:url-loader打包后找不到图片、字体路径问题
项目在css中引用图片,打包之后找不到对应的图片和字体路径打包配置文件的路径配置:project/config/index.js 对应的图片打包配置:project/build/we ...
electron 打包后找不到module问题
使用electron时调用了nodejs模块,在vscode调试时没有问题,打成exe包后运行报找不到module的erro.这个错误是因为打包时没有把使用的module编译,解决办法是手动在pack ...
vue-cli中解决css引用图片打包后找不到文件资源的问题
1.在CSS中引入图片 #slider1 {background-image: url(./bg02.jpg);background-size: cover; } 注意:此处的图片与索引文件在同一个目 ...
vue组件中引入public文件，build打包后找不到资源报错404
在组件中我使用object标签预览pdf文件 <object width="100%" height="100%" data="/help/he ...
花裤衩 / vue-element-admin 的项目打包后发现不能跳转页面问题解决
项目install后build打开html文件跳转页面没有反应原因:因为项目中import Cookies from 'js-cookie' 使用无法进行页面跳转需要放到web服务上才能运行. 解决 ...
java spring 打包后找不到路径,java - Spring中的类路径问题：找不到文件异常 - 堆栈内存溢出...
我有一个简单的Java Spring IO项目,其中的一个类应该从csv文件读取,对于每个读取的记录,参数都存储在帐户对象列表中. 我正在使用Force IDE Luna,并且读取文件的Class C ...
vue dist打包后找不到图片路径
打开dist文件夹下新生成的index.html文件,会发现页面空白,打开控制台会发现页面中引用的css和js文件都找不到: 说明引用路径错了,需要手动修改: 进入config/index.js 原配 ...
vue项目打包后网页的title乱码的问题解决
遇到的问题: vue项目在本地运行时无乱码现象产生,但在我运行npm run build打包项目运行index.html后发现就是这个标题会出现乱码的情况后来在经过查阅资料,发现是字符编码的问题. ...

gulp项目找不到html标签,通过yeoman、gulp、angular编写前段时的html模板处理，打包后找不到html的问题解决...

gulp项目找不到html标签,通过yeoman、gulp、angular编写前段时的html模板处理，打包后找不到html的问题解决...相关推荐

最新文章

热门文章