Grunt Dist 文件夹相对路径错误

Question

我在 yeoman 上使用 express-angular 生成器，并使用 grunt 进行构建。我已经成功运行 grunt，并创建了一个 dist 文件夹。在 dist 文件夹中，我有我的 index.html 文件，它获取以下文件：

<link rel="stylesheet" href="styles/74e111d6.main.css">

<script src="scripts/d41d8cd9.plugins.js"></script>

<script src="scripts/dafe662c.modules.js"></script>

<script src="scripts/d41d8cd9.scripts.js"></script>

这些文件都存在于我的 dist 文件夹中，但是我的控制台中的 GET 请求显示它正在尝试从根目录中获取文件。即

获取 http://localhost:5000/styles/74e111d6.main.css

我不知道这是为什么。我试图将 src 更改为 src="dist/scripts/d41d8cd9.scripts.js"，但它仍然没有从正确的位置获取文件。

项目树看起来像。

angularexpress
-> app
-> dist 
     -> bower_components
     -> images
     -> scripts
         -> d41d8cd9.scripts.js
         -> dafe662c.modules.js
         -> d41d8cd9.scripts.js
     -> styles
         -> 74e111d6.main.css

Answer 1

您可以从浏览器访问此 url (http://localhost:5000/dist/styles/74e111d6.main.css) 吗？如果有效，则将 src 更改为 src="/dist/styles/74e111d6.main.css"

Answer 2

听起来您可能遗漏了 express.static，或者配置不正确。

Grunt Dist 文件夹相对路径错误

Grunt Dist Folder Relative Path Errors

javascript

angularjs

gruntjs