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

来源:-

nilbbs

2015-01-17 21:46

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回答

  • Materliu
    2015-01-22 21:36:12

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

Grunt-beginner前端自动化工具

通过配置Grunt自动化工具,提高您的工作效率,出乎您的想象

60388 学习 · 408 问题

查看课程

相似问题