javascript - 如何在浏览器中动态创建javascript文件

Question

我最近开始探索Browserify用于捆绑 Node 模块并在浏览器中使用它们。它很整洁并且效果很好，但是我希望改进工作流程。在我的用例中，我有一个 script.js 文件，它需要像 Cylon 这样的节点模块。等等

为了简洁起见，script.js 看起来像:

"use strict";

var Cylon = require('cylon'); 
Cylon.robot({
    name: "BrowserBot",

    connections: {
      arduino: { adaptor: 'firmata', port: '/dev/tty.usbmodem1411' }
    },

    devices: {
      led: { driver: 'led', pin: 8 }
    },

    work: function(my) {
      Cylon.Logger.info("Hi, my name is " + my.name)

      every((2).seconds(), function() {
        Cylon.Logger.info("Toggling the LED");
        my.led.toggle();
      });
    }
  });

Cylon.start();

我正在查看 browserify 生成的 bundle.js 文件，我可以找到上面提到的确切代码块，我认为节点进程是使用此代码和一些绑定(bind)启动的。我希望 script.js 文件是动态的，以允许用户在 LED 上使用不同的引脚或任何其他与此相关的小更改。由于我没有更改此文件的任何依赖项，因此我应该能够将 bundle.js 中的该 block 替换为 script.js 文件的新内容，就像其他文件一样模块已经加载并捆绑在 bundle.js 中，对吧？

我想知道这在浏览器设置中是否可行。 Chrome 应用程序允许 file Storage ，因此我可以在初始创建后动态生成 bundle.js ，只需插入 script.js 的内容并加载 bundle.js 在 HTML 文件中？我该怎么办？

虽然问题不是特定于 Cylon，但我仍然将其添加为我的特定用例的标签。

Answer 1

所有 .js 文件应在 Apps manifest.json 中指定。我认为您无法编辑应用程序文件夹中的项目(即使通过文件存储访问它)