404 .woff文件npm bootstrap-sass

时间:2018-08-14 13:55:29

标签: javascript node.js npm bootstrap-sass

我以为我会摆脱Bower,现在不再需要将所有前端Javascript和CSS文件放在我的public_html文件夹中。我可以使用Grunt将所有供应商的JavaScript和CSS文件与我的main.jsmain.css(与NPM供应商相比,可以从我的public_html文件夹中合并)合并,因此我可以对我所有的供应商(后端和前端)使用NPM,而不是部分Bower和部分NPM。

虽然这适用于jQuery和Bootstrap(JS文件),但是bootstrap-sass不能正常工作。我遇到了包括Glyphicons字体的麻烦。我以为我只需要更改$icon-font-path变量的路径,但似乎在查找.woff文件时遇到了麻烦。我的Chrome控制台显示以下内容:

http://localhost:5000/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2 404 (NOT FOUND)
http://localhost:5000/assets/fonts/bootstrap/glyphicons-halflings-regular.woff 404 (NOT FOUND)

现在这并不奇怪了,因为我的node_modules文件夹位于public_html文件夹之外,并且我仅合并了我的所有JS和CSS文件,没有像{{1}这样的文件扩展名},它们仍然位于公用文件夹之外。

所以我的问题是,你们如何解决这个问题?您是否将字体移动到公用文件夹(可能也使用Grunt)并更改了该文件夹的路径?或者只是使用凉亭或类似的东西?

我不能使用CDN,因为这将是一个仅在本地可用的Web应用程序,但我正在寻找一个不错的解决方案。

编辑

目前,我已使用.woff扩展了Gruntfile.js:

grunt-contrib-copy

0 个答案:

没有答案