W webpack funkcjonuje coś takiego jak externals. Możemy w konfiguracji webpacka określić że dana biblioteka - np. jQuery - nie będzie włączona do bundla. Nie zwalnia nas do od ręcznego dołączenia skryptu w kodzie HTML:
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
Zastanawiam się czy jest możliwość, aby zwolnic mnie od tego obowiązku :) Czyli, aby require() powodowało załadowanie danego pliku z zewnętrznego serwera.
Ni zbundlujesz skryptu z CDNa, bo to by sie mijało z celem - równie dobrze mógłbyś pobrać go NPMem. Ale zawsze możesz użyć czegoś w stylu: https://github.com/ded/script.js/
No własnie mi chodzi o to, aby pobrać go poprzez npm, ale aby w bundu wynikowym webpack go nie dołączał, tylko importował z CDN. Czyli tak:
var jQuery = require('jquery');
W webpack.config.js:
{
externals: {
"jquery": "jQuery"
}
}
Cel osiągnięty, jquery nie jest bundlowany. W kodzie HTML muszę jednak zaimportować go ręcznie:
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
Fajnie by było gdyby webpack sobie z tym radził :) Gdybym mógł, np. w konfiguracji zapisać:
{
cdn: {
"jquery": "//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"
}
}
...a resztę załatwił webpack :P Ale może zbyt dużo wymagam ;)