2016-08-07 7 views
0

このjavascriptをwebpackに組み込む方法を理解しようとしていますが、苦労しています。私は、npmを介して角度 - 比例関係と呼ばれる角度モジュールをインストールしています。私はそれをインストールし、私のWebPACKの設定ファイルのモジュールを含めました:jpackでエクスポートされていないwebpackの使用方法

if(TEST) { 
     config.entry = {}; 
    } else { 
     config.entry = { 
      app: './client/app/app.js', 
      polyfills: './client/polyfills.js', 
      vendor: [ 
       'angular', 
       'angular-colorthief', 
       'angular-animate', 
       'angular-aria', 
       'angular-cookies', 
       'angular-resource', 
       'angular-route', 
       'angular-sanitize', 
       'angular-socket-io', 
       'angular-material', 
       'lodash' 

      ] 
     }; 
    } 

問題が角-colorthiefディレクトリの内側に角度モジュールが依存別のJSがカラーthief.jsと呼ばれているされているということです。このファイルは何もエクスポートしません。アンギュラcolorthiefモジュールは、このようにそれを必要とします。

use strict'; 

require("./color-thief"); 

angular.module('ngColorThief', []) 
    .provider('$colorThief', [function() { 

私は私のアプリを実行すると、私は、このスクリプトは私のベンダーバンドルに含まれているもののときの角度モジュール、それが利用可能ではないのでColorThiefが未定義のエラーを取得しておきます走る誰でも私にこれを解決させる手助けはできますか?私はexports-loaderモジュールをインストールしようとしましたが、この問題を解決するためにどのように使用するのかは分かりません。これは私が追加しようとしたローダーだが、これはうまくいかなかった。

{ 
      include: require.resolve("./color-thief"), 
      loader: "exports?ColorThief!node_modules/angular-colorthief/color-thief.js" 
     } 

答えて

1

これが正しい解決策であるかどうかはわかりませんが、問題が解決しました。誰かが私にもっと良い方法を教えてもらえれば、私はそれを間違いなく評価するだろう。他の誰かには、私がローダーに追加したのはここです。

{ 
      include: require.resolve(path.resolve(__dirname, 'node_modules/angular-colorthief/color-thief.js')), 
      loader: "exports?ColorThief" 
     }, { 
      include: require.resolve(path.resolve(__dirname, 'node_modules/angular-colorthief/angular-colorthief.js')), 
      loader: "imports?ColorThief=./color-thief.js" 
     } 
関連する問題