早午餐编译的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模块中。 然后，它注册一个“初始化”模块以引导应用程序并启动所有程序。