Jak działa webpack?

Question

Nie rozumiem, jak działa funkcja WebPacka require. Na przykład, czytam this article o WebPack i jest następujący przykład: początek

Załóżmy, tworząc nasz projekt i instalacja WebPACK, będziemy również ciągnąć w jQuery wykazać pewne rzeczy na później.

$ npm init 
$ npm install jquery --save 
$ npm install webpack --save-dev 

Teraz stwórzmy nasz punkt wejścia aplikacji w zwykły ES5 teraz:

src/index.js

var $ = require('jquery'); 

$('body').html('Hello'); 

I stwórzmy nasz WebPACK konfiguracja w pliku webpack.config.js. konfiguracja WebPACK jest po prostu JavaScript i musi eksportować obiektu:

webpack.config.js

module.exports = { 
    entry: './src', 
    output: { 
     path:  'builds', 
     filename: 'bundle.js', 
    }, 
}; 

Jak WebPack wiedzieć, co jest w require('jquery') jquery? Nie widzę żadnych określonych opcji konfiguracji związanych z jquery.

Answer 1

W tym przypadku będzie działał podobnie jak CommonJS require s (np. Węzeł require s). (WebPACK za require s wspierać większą elastyczność niż tradycyjne require s, ale domyślne zachowanie jest taka sama).

This Modules section in the docs wyjaśnia jak Node domyśla się co do powrotu z wywołania require(). Jeśli potrzebujesz "jquery", najpierw szuka natywnego modułu o tej nazwie, nie znajduje go, a następnie szuka w node_modules (ponieważ na początku twojej ścieżki nie ma żadnego lub ./). Ponieważ "jquery" jest folderem, sprawdza plik package.json, aby zobaczyć, co deklaruje plik pakietu, który ma być, i to właśnie on wykonuje.

Warto przeczytać całość; na przykład ważna jest część pamięci podręcznej.