Question

在我的角应用中，我的index.html看起来像

<head>
  <script src="app/app.js></script
  <script src="app/controllers/controller1.js></script
  <script src="app/services/service1.js></script>
   ...
   ...
</head>

其中每个js文件具有以下结构

//controller1.js
(function() {
  angular.module('controller1', function() ....

})()

在开发模式下我的快递服务器只提供index.html，然后在浏览器中单独加载每个文件。

为了生成..我连接所有文件，并使用gulp进行整个构建过程。

我的问题是..我在开发中的文件中如何开始使用ES6功能？我知道我想要使用Babel进行转换。但是在开发过程中，如何让浏览器使用babel进行转换？

Answer 1

您可以让babel查看您的dev目录以进行更改，并在每次保存时重新进行转换。（见https://babeljs.io/docs/usage/cli/）

$ babel script.js --watch --out-file script-compiled.js

在HTML文档中包含已转换的文件（不是源文件），每次刷新时，都会看到最新的文件。

如何将babel与我的常规AngularJs应用程序结合起来

1 个答案: