brunch - Javascript 不显示 - Brunch.io - brunch-with-brunch

标签 brunch

我刚刚使用 brunch-with-brunch 框架开始了一个新的 brunch.io 项目(我只想要一个能够显示 native HTML/CSS/JS 的本地服务器)。

我自己创建了两个文件:位于 public/的 index.html 包含标准 doctype、head 和 body 标记以及引用由位于 public/javascripts/app.js 的 brunch 生成的 app.js 的脚本标记,如下所示:

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

正如位于 app/目录中的 README.md 文件所指定的那样,我将特定于应用程序的文件写入 app/目录中。所以我有一个名为 app.js 的文件,位于 app/并包含:
console.log("OK");

我使用以下命令启动服务器:
brunch watch --server

问题是我在 js 控制台中看不到任何内容(服务器在 localhost:3333 上运行),尽管事实是呈现了 html 并且 public/javascripts/app.js(由 brunch 生成)包含这些行(除其他外):
require.register("app", function(exports, require, module) {
    console.log("ok");
});

这是怎么回事 ?

编辑:直接写在 html 脚本标签中的 javascript 工作正常。

最佳答案

Brunch 默认将所有文件包装在模块定义中( require.register )。所以,console.log不会尽快执行。

因此,您需要在 index.html 中加载入口点。 : <script>require('app')</script>
可以禁用模块定义。

关于brunch - Javascript 不显示 - Brunch.io - brunch-with-brunch,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18145790/

相关文章:

backbone.js - 在 Brunch 中更改手写笔文件的串联顺序

javascript - 将服务器 API 作为 brunch 应用程序的一部分构建是一种不好的做法吗?

elixir - 如何在 phoenix/elixir 中启用 Elm 0.18 的调试标志

brunch - 如何在使用 Brunch.io 构建之前清理输出文件夹

vue.js - 模板总是片段

javascript - 从不同目录运行早午餐并使用相对路径

node.js - 如何强制 brunch 0.8.1 使用 coffescript 1.2

javascript - 在 Brunch.io 中,我们如何运行测试

javascript - 如何在 Angular 2 应用程序中使用 Phoenix Channels/Sockets?

javascript - 将 javascript 库添加到 angular-brunch-seed