由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模块中。然后，它注册一个"initialize“模块来引导应用程序并启动一切。