如何使用jquery与早午餐

时间:2016-01-15 11:37:34

标签: javascript jquery backbone.js underscore.js brunch

我正在尝试设置一个骨干应用程序,并且我得到一个" $未定义"错误。

Tree : 
      app :/
           app.js
           js :/
               jquery.js
               underscore.js
               backbone.js

我有一个早午餐的config.coffee文件:

exports.config =   paths:
    public: 'www'   files:
    javascripts:
      joinTo:
        'js/atf.js': /^app/
      order:
        before: [
          'app/js/jquery-2.0.2.min.js',
          'app/js/underscore.js',
          'app/js/backbone.js'
        ]

    stylesheets:
      joinTo:
        'css/atf.css': /^app/

    templates:
      joinTo: 'js/atf.js'

我的index.html文件:

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="fr"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="fr"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="fr" x-manifest="/manifest.appcache"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Test</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <link rel="stylesheet" type="text/css" media="all" href="/css/atf.css?v=2">
  <script src="/socket.io/socket.io.js"></script>
  <script src="/js/atf.js?v=3"></script>
  <script>require('app');</script>
</head>
<body></body>
</html>

我的app.js文件只是为了进行测试:

$(function(){
    alert('test');
});

任何人都可以帮助我吗?谢谢!

1 个答案:

答案 0 :(得分:0)

将文件从app/js移至vendor(创建此目录)。并将javascripts.joinTo更改为您在templates中使用的同一个。

这应该可以解决问题。