早午餐編譯的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模塊中。 然后，它注冊一個“初始化”模塊以引導應用程序並啟動所有程序。