Уборка пакета с помощью webpack

Question

Существует файл javascript, который мне нужно использовать в моем проекте как зависимость. В нем нет репозитория github, он не находится на bower, или npm, он просто живет здесь.

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

Я могу установить его с беседкой с:

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

Я знаю, что он будет жить в моем проекте по адресу:

./bower_components/learnmarklet/index.js 

И я знаю, что это придает переменную _learnq - глобальному объекту окна.

Я хочу просто это.

var _learnq = require("klaviyo") 

Мне нужно сделать псевдоним klaviyo что-то вроде этого.

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

И «прокладка» экспорт в _learnq переменной, как это.

{ 
    "klaviyo": "_learnq" 
} 

Как это сделать с помощью webpack?

Это то, что я пробовал, вот что выглядит мой webpack.config.js.

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

Answer 1

В вашем примере, ваш код будет своего рода конфликт, externals в основном говорит

require('klaviyo') 

должен быть переписан

window._learnq 

и псевдоним говорит

require('klaviyo') 

в основном делает

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

То, что я рекомендовал бы это:

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' 
    }] 
    } 
} 

нуждаются в вас, чтобы npm install exports-loader, а также.