设置 Angular js 应用程序 index.html 页面以仅包含单个控制器

Posted 2023-03-07

【中文标题】设置 Angular js 应用程序 index.html 页面以仅包含单个控制器

【英文标题】：setup angular js application index.html page to include only singe controller

【发布时间】：2017-03-03 12:57:06

【问题描述】：

我在后端使用 nodejs 编写了一个角度应用程序 (MEAN)。应用中有多个模块，所以有多个控制器。

我们必须在 index.html 文件中包含所有控制器，如果我们添加到任何模块中，也必须包含新的控制器。

我检查了在同一堆栈 (MEAN) 上运行的其他应用程序，但在源代码中我没有找到所有控制器。

所以请帮助我优化我的应用程序。

【问题讨论】：

你的意思是像只包含一个用于 javascript 的 src 文件？

@Katana24 ：是的，伙计，我只想在 index.html 中包含一个 js 文件

【参考方案1】：

那么我建议您研究 Gulp，因为它允许您连接，如果您愿意，还可以缩小您的代码库并将其放入一个文件中。然后可以在您的 index.html 中引用该单个文件

// Example - Concate the js files together and place them in the dist folder
gulp.task('js', function()
  var src = ['../../file-name.js'];
  return gulp.src(src)
    .pipe(concat('main.js').on('error', gutil.log))
    .pipe(gulp.dest('dist/js').on('error', gutil.log))
);

这是我在使用 Angular1 时使用的示例。 Gulp 将我所有的目标文件放入 dist 文件夹和 main.js 文件中，我在 index.html 文件中引用了该文件。

 <script type="text/javascript" src="js/main.js"></script>

【讨论】：

@RISHABHBANSAL 太好了 - 您是否遇到过与此相关的任何其他问题？如果它对您有用，请接受答案并投票 - 如果没有，请详细说明有效的方法

它对我有用，没有任何问题，我已经投了赞成票，因为我是新用户，所以它没有公开显示。