Yêu cầu của webpack hoạt động như thế nào?

Question

Tôi không hiểu cách hoạt động của chức năng require của webpack. Ví dụ, tôi đang đọc this article về webpack và có ví dụ sau:

Hãy bắt đầu bằng cách tạo ra dự án của chúng tôi và cài đặt Webpack, chúng tôi sẽ cũng kéo trong jQuery để chứng minh một số điều sau này.

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

Bây giờ hãy tạo điểm vào ứng dụng của chúng tôi, ở đồng bằng ES5 cho bây giờ:

src/index.js

var $ = require('jquery'); 

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

Và hãy tạo Webpack của chúng tôi cấu hình, trong tệp webpack.config.js. cấu hình Webpack chỉ là Javascript, và cần phải xuất khẩu một đối tượng :

webpack.config.js

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

Làm thế nào để webpack biết là những gì jquery trong require('jquery')? Tôi không thấy bất kỳ tùy chọn cấu hình nào được chỉ định liên quan đến jquery.

Answer 1

Trong trường hợp này, nó sẽ hoạt động giống như CommonJS require s (ví dụ: Node require s). (Webpack của require s hỗ trợ linh hoạt hơn truyền thống require s, nhưng hành vi mặc định là như nhau.)

This Modules section in the docs giải thích cách Node con số ra những gì để trở về từ một cuộc gọi đến require(). Nếu bạn yêu cầu 'jquery', đầu tiên nó sẽ tìm một mô-đun gốc của tên đó, không tìm thấy mô-đun, và sau đó tìm trong node_modules (vì không có / hoặc ./ ở đầu đường dẫn của bạn). Vì 'jquery' là một thư mục, nó nhìn vào tệp package.json để xem nó khai báo tệp main của gói là gì và đó là những gì nó thực thi.

Điều đáng đọc là toàn bộ điều; phần bộ nhớ đệm, ví dụ, là quan trọng cần biết.