Javascript 如何在angular 1.5中跨所有模块使用相对URL_Javascript_Angularjs_Webpack

Javascript 如何在angular 1.5中跨所有模块使用相对URL

javascript angularjs webpack

Javascript 如何在angular 1.5中跨所有模块使用相对URL,javascript,angularjs,webpack,Javascript,Angularjs,Webpack,我正在使用angular 1.5和webpack生成一个带有angular应用程序的dist文件夹这是我的文件夹结构： --app --dist --loginComponent --login.html --homeComponent --home.html ... --app.css --app.js --index.html 这是我的index.html： <!doctype html> <htm

我正在使用angular 1.5和webpack生成一个带有angular应用程序的dist文件夹

这是我的文件夹结构：

--app
  --dist
    --loginComponent
      --login.html
    --homeComponent
      --home.html
    ...
    --app.css
    --app.js
  --index.html

这是我的index.html：

<!doctype html>
<html lang="es" ng-app="firmaDigitalApp" ng-strict-di>
<head>
<meta charset="utf-8">

<link rel="stylesheet" type="text/css" href="dist/app.css">
<script src="dist/app.js"></script>
</head>

<body>
    <app></app>
</body>
</html>

我该怎么做才能让我的angular应用程序资源使用相对路径相互访问，这样我就不必反复键入dist/了

如果您需要更多信息，请告诉我。

我建议使用将模板构建到输出文件中（即

app.js

），而不是使用

templateUrl

）。如果设置了该选项，您可以执行以下操作：

template: require("homeComponent/home.html") // Resolves to a string

这将导致您的捆绑包提前下载所需的时间稍长，因为所有模板也将加载，但在组件初始化时，您不必等待模板异步加载，因此我认为这是公平的。

您在应用程序中使用了吗？不，但是如果它能解决这个问题，我愿意。你能给我看一下你引用

模板URL的代码吗？
template: require("homeComponent/home.html") // Resolves to a string