Webpack ile bir paketin kırpılması

Question

Projemde bağımlılık olarak kullanmam gereken bir javascript dosyası var. Github deposu yok, bower değil ya da npm, sadece burada yaşıyor. o bir değişken verdiği

./bower_components/learnmarklet/index.js 

Ve biliyorum: Ben o zaman benim projede yaşayacak biliyoruz

bower install http://a.klaviyo.com/media/js/learnmarklet.js --save 

:

http://a.klaviyo.com/media/js/learnmarklet.js

Birlikte kulübeye ile yükleyebilirsiniz global pencere nesnesine _learnq denir.

Sadece istediğim bu.

var _learnq = require("klaviyo") 

böyle klaviyo şey diğer ad gerekiyor.

{ 
    "klaviyo": "./bower_components/learnmarklet/index.js" 
} 

Ve "pul" Böyle _learnq değişkenin bir ihracat.

{ 
    "klaviyo": "_learnq" 
} 

Bunu webpack ile nasıl yapabilirim?

Denediğim şey bu, benim webpack.config.js benim gibi görünüyor. Örnekte

module.exports = { 
    resolve:{ 
    alias:{ 
     "klaviyo": "./bower_components/learnmarklet/index.js" 
    } 
    }, 
    externals: { 
    klaviyo: "_learnq" 
    } 
} 

Answer 1

, kodunuz olacak tür çatışma, externals temelde

require('klaviyo') 

window._learnq 

için yazılmış ve takma

require('klaviyo') 

diyor diyor Temel olarak

yanı

module.exports = { 
    resolve:{ 
    alias:{ 
     // Make it so that 'require' finds the right file. 
     "klaviyo": "./bower_components/learnmarklet/index.js" 
    } 
    }, 
    module: { 
    loaders: [{ 
     // Rewrite the file so that it exports the window global. 
     test: __dirname + '/bower_components/learnmarklet/index.js', 
     loader: 'exports?window._learnq' 
    }] 
    } 
} 

You'nun ihtiyacı için npm install exports-loader: Ne tavsiye ederim budur

require('./bower_components/learnmarklet/index.js') 

yapar.