我以为我会摆脱Bower,现在不再需要将所有前端Javascript和CSS文件放在我的public_html
文件夹中。我可以使用Grunt将所有供应商的JavaScript和CSS文件与我的main.js
和main.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