Brunch编译的JS不运行

Question

我想尝试一下早午餐，但在让我编译的 JS 文件在浏览器中执行时遇到了一些问题。

文件被页面编译并加载到浏览器中。如果我在源文件中粘贴警报或控制台日志并进行构建，那么当我加载页面时不会发生任何事情。

如果我手动编辑文件并将控制台日志或警报放入其中，那么它就可以正常工作。

有人有什么想法吗？我觉得我可能只是错过了一些愚蠢的东西。

这是我早午餐配置文件中的内容

exports.paths = {
  watched: ['client'],
}

exports.files = {
  javascripts: { joinTo: 'javascripts/app.js' },
  stylesheets: { joinTo: 'stylesheets/app.css' }
}

exports.plugins = {
  sass: {
    options: {
      includePaths: ['node_modules/foundation-sites/scss']
    }
  }
}

我的 package.json 中有以下早午餐插件

"babel-brunch": "^6.1.1",
"clean-css-brunch": "^2.10.0",
"sass-brunch": "^2.10.4",
"uglify-js-brunch": "^2.10.0"

Answer 1

您是否需要在您的 html 中构建？

见下文：

<script src="app.js"></script>
<script>require('initialize')</script>

默认情况下，brunch.io 将所有内容注册到 commonjs 模块中。然后它注册一个“初始化”模块来引导应用程序并启动一切。