我正在使用expressjs和把手来提供网页。我所有的JavaScript都位于public / javascripts文件夹中,而样式表都位于public / stylesheets中。
从那里加载.css或.js文件是可行的。但是现在我有了一个文件夹public / vendors / bower_components /,里面有子文件夹。
在localhost上,它从供应商文件夹内加载项目,但当我向公众提供页面或将其提交给Heroku时则不加载。
这是我的静态文件夹:
app.use(express.static(path.join(__dirname, 'public')));
这就是我包含JS / css的方式:
<script src="vendors/bower_components/jquery-toast-plugin/dist/jquery.toast.min.js"></script>
<link href="vendors/bower_components/jquery-toast-plugin/dist/jquery.toast.min.css" rel="stylesheet" type="text/css">
我已经尝试过向供应商添加正斜杠,但仍然无法使用。文件夹结构:
05/09/2018 13:22 .
05/09/2018 13:22 ..
03/09/2018 08:27 fonts
03/09/2018 08:27 img
05/09/2018 13:22 javascripts
03/09/2018 16:40 lib
05/09/2018 09:49 stylesheets
05/09/2018 09:45 vendors
05/09/2018 09:46 bower_components
05/09/2018 09:46 jquery-toast-plugin
05/09/2018 09:46 dist
06/09/2016 14:49 jquery.toast.min.css
06/09/2016 14:49 jquery.toast.min.js
任何帮助将不胜感激!
答案 0 :(得分:1)
git跟踪供应商目录或bower_components目录吗? 在部署期间,heroku是否运行任何构建脚本?该脚本包含bower install命令吗?