2012-06-17 14 views
9

更新:AngularJSBrunchを使用してに興味がある人のために、私は一緒に私はAngularJSBrunchを使用していたシードプロジェクトangular-brunch-seedブランチは、どのようにラップRequireJSモジュールを無効にする

を入れています。 AngularJSはモジュールシステムを提供しているため、commonJS/AMDを使用してファイルをインポートする必要はありません。 /appディレクトリのファイルに対してこの機能を無効にすることはできますか?基本的には、/vendorディレクトリのようにファイルを変更せずにコンパイルしたいと思います。 js/app.jsとそれぞれのフォルダからファイルをコンパイル含むjs/vender.jsの両方で

joinTo: 
    'js/app.js': /^app/ 
    'js/vendor.js': /^vendor/ 

が、どちらもラップ:だから出てくる好適

は次のようになります。

誰にもアイデアはありますか?構文は@jcruz答えから変更された

UPDATE 。今これを行う方法があります。

最後に@jcruz答えの修正版を使いました。

exports.config = 
    modules: 
    definition: false 
    wrapper: (path, data) -> 
     """ 
(function() { 
    'use strict'; 
    #{data} 
}).call(this);\n\n 
     """ 
    files: 
    javascripts: 
     defaultExtension: 'coffee' 
     joinTo: 
     'js/app.js': /^app/ 
     'js/vendor.js': /^vendor/ 

デフォルトでは、「raw」ラッパーには、coffeescriptの標準ラッパーは含まれていません。 jsWrapperを次のように設定します。

wrapper: (path, data) -> 
    """ 
(function() { 
    'use strict'; 
    #{data} 
}).call(this); 
    """ 

ファイルは期待どおりにラップされます。

+0

ちょっと感謝:ここ

は、作業設定ファイルです。私はちょうどブランチを更新し、古い 'jsWrapper'構文は機能しませんでした。 – jcruz

答えて

4

モジュールの折り返しを無効にする機能はつい最近、私は、これらの機能/ NPMにwがリリースを信じてはいけない、まだhttps://github.com/brunch/brunch/commit/ec158cffd1b66d5db2093cf766000673aa0dd3a5

に追加されましたが、あなただけのGitHubリポジトリからブランチを再インストールすることができ

あなたがいったんブランチは、あなたconfig.coffeeに '生' に、このような

何かを... jsWrapperを設定することを

exports.config = 
    jsWrapper: 'raw' 
    files: 
    javascripts: 
     defaultExtension: 'js' 
     joinTo: 
     'javascripts/app.js': /^app/ 
     'javascripts/vendor.js': /^vendor/ 

「ブランチB」とラッピングコードが消えるはずは

+0

私は、標準のcoffeescriptラッパーでファイルをラップする関数を渡しましたが、それ以外は完全に動作します。ありがとうございました! –

2

(ほぼ)2017月の時点で、それはありますモジュール設定とともにnpmをfalseにすることを宣言することが不可欠です。しかし、それは私には分かりませんでした。 (これはGitHub issueで見つかりました)。お役に立てれば。乾杯。新しい構文でこの質問を更新するための

// See http://brunch.io for documentation. 
module.exports = { 
    files: { 
     javascripts: { 
     joinTo: { 
      '/js/app.js': /^app/, 
      '/js/vendor.js': /^(?!app)/ 
     } 
     }, 
     stylesheets: { 
     joinTo: 'css/app.css' 
     } 
    }, 

    paths: { 
     public: '/priv/static' 
    }, 

    npm: { 
     enabled: false 
    }, 

    modules: { 
     wrapper: false, 
     definition: false 
    } 
} 
関連する問題