You'll notice we've added a few mor

You'll notice we've added a few more steps. At the top of the file we create a new instance of HtmlWebpackPlugin and we give it three options. template points to our regular index.html file located in our app directory. filename just says we want to keep the name index.html. inject says to inject a script which references the name of the output file (index_bundle.js) of our loaders and put it in the body of this newly created HTML file. Lastly we add the HTMLWebpackPluginConfig variable we created as an item in the array of plugins in our webpack config.

Kết quả (Việt) 1:

Bạn sẽ nhận thấy chúng tôi đã thêm một vài thêm bước. Ở trên cùng của các tập tin, chúng tôi tạo ra một trường hợp mới của HtmlWebpackPlugin và chúng tôi cho nó ba lựa chọn. mẫu điểm đến của chúng tôi thường xuyên index.html tập tin nằm trong thư mục ứng dụng của chúng tôi. tên tập tin chỉ nói rằng chúng tôi muốn giữ tên index.html. tiêm nói để tiêm một kịch bản mà tài liệu tham khảo tên tập tin đầu ra (index_bundle.js) của bộ tải của chúng tôi và đặt nó trong cơ thể của tập tin HTML này mới được tạo ra. Cuối cùng, chúng tôi thêm biến HTMLWebpackPluginConfig chúng tôi tạo ra như là một mục trong mảng plugins trong cấu hình webpack của chúng tôi.

Kết quả (Việt) 2:

Bạn sẽ nhận thấy chúng tôi đã thêm một vài bước nữa. Ở phía trên cùng của file chúng ta tạo ra một thể hiện mới của HtmlWebpackPlugin và chúng tôi cung cấp cho nó ba tùy chọn. điểm mẫu để tập tin index.html thường xuyên của chúng tôi nằm trong thư mục ứng dụng của chúng tôi. filename chỉ nói rằng chúng ta muốn giữ tên index.html. tiêm nói để tiêm một kịch bản có sự tham khảo tên của tập tin đầu ra (index_bundle.js) của bộ tải của chúng tôi và đặt nó trong cơ thể của tập tin HTML mới được tạo ra này. Cuối cùng chúng ta thêm biến HTMLWebpackPluginConfig chúng tôi tạo ra như là một mục trong mảng các plugin trong cấu hình webpack của chúng tôi.