为了账号安全,请及时绑定邮箱和手机立即绑定

用 grunt 构建 webapp 项目的http服务路径问题

WebStorm开发工具的代码提示功非常的实用,像如果在index.html引入的css、js文件路径正确的话,它可以提示已经存在的class样式或js的属性、函数,如下图:

54ba64290001b38505000273.jpg

但如果我把css的引用路径改成真实的相对路径,运行grunt serve时,就找不到css文件了,我在Gruntfile.js里改了下设置:

 connect().use('/.tmp', connect.static('.tmp')),

 connect().use('/bower_components', connect.static('bower_components')),

貌似可以了,但css文件里的 url(...)里的图片、字体路径指向又错误了,然后又找到app/styles/main.scss文件改了:

 $icon-font-path: "../../bower_components/bootstrap-sass-official/assets/fonts/bootstrap/";

貌似也可以了,但不知道这样改合不合理,会不会引发其他的问题或者有没有更好的修改办法?

正在回答

1 回答

这个问题在gulp一节有详细的讲解, 可以自寻探究哦, 多谢。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

用 grunt 构建 webapp 项目的http服务路径问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信