Tìm kiếm trang web
javascript - Webpack - Yêu cầu hình ảnh sử dụng File-Loader
Tôi đang sử dụng Webpack cho ứng dụng React của mình.
Tôi đã cài đặt 'File-loader' và 'Url-loader' trong cấu hình webpack của mình.
Tuy nhiên, tôi không chắc làm thế nào để liên kết hình ảnh với các thành phần của mình. Tôi đang giữ 'src' cho hình ảnh trong một tệp 'Data.js', từ đó tôi truyền dữ liệu cho hình ảnh vào thành phần react.
webpack.config.js của tôi:
... const PATHS = { app : path.join( __dirname, "app" ), build : path.join( __dirname, "build Đọc thêm →javascript - Tại sao gói Webpack của tôi lại lớn như vậy?
Tôi đang viết một số mã JavaScript sử dụng Moment.js và Handlebars. Moment.js được cho là 30 KB khi nén gzip và Handlebars được cho là dưới 10 KB khi nén gzip. Nhưng khi tôi sử dụng Webpack để đóng gói mã của mình, tôi nhận được một tệp kết quả có kích thước 271 KB!
Tôi đã cài đặt webpack-bundle-size-analyzer để điều tra và phát hiện các t
Đọc thêm →javascript - Làm sao để KHÔNG giải quyết đường dẫn với Webpack?
Tôi đang làm việc trên một dự án ReactJs với Webpack và sass-loader, css-loader & url-loader.
Tôi muốn không giải quyết các đường dẫn font-face và giữ nguyên chính xác như cách đã được thiết lập trong tập tin SASS.
Vấn đề:
Nếu tôi gọi một đườ
Đọc thêm →javascript - Webpack không thể nhập gói được cài đặt từ git
Vì vậy tôi đã fork một gói trong git. Thực hiện các thay đổi của mình. Sau đó trong terminal của tôi
npm install --save git+https://github.com/hayk94/ddp.js.gitVà sau đó tôi thử nhập gói vào mã của mình như sau
import DDP from 'ddp.js'Nhưng webpack báo lỗi này cho tôi
ERROR in ./main.js Module not found: Error: Can't resolve 'ddp.js' in '/Users/hayksafaryan/projects/b2cEmbedLib' @ ./main.js 23:11-28 @ multi (webpack Đọc thêm →javascript - Plugin Webpack: Làm thế nào để thêm động một loader vào một module?
Tôi đang viết một plugin cho Webpack. Trong quá trình giải quyết module, plugin này nên thêm động một loader cụ thể cho một số module, nhưng không phải cho tất cả.
Ý tưởng của tôi ngay bây giờ là khai thác sự kiện after-resolve của normal-module-factory. Ở
Đọc thêm →javascript - Gộp component stencil với webpack
Có ai biết cách đóng gói các thành phần web được tạo bằng Stencil sử dụng Webpack không. Tôi có nhiều thành phần Stencil và cần tạo một gói để có thể sử dụng nó trong các dự án khác.
Câu trả lời #1
Ionic đã phát triển một StencilPlugin cho webpack, cho phép dễ dàng nhập các thành phần sử dụng trình đóng gói webpack.
Bạn cũng có thể quan tâm đến bài viết xuất sắc này, nó giải thích chi tiết hơn cách sử dụng plugin.
Đọc thêm →javascript - Tham số đường dẫn Webpack không phải là một chuỗi
Tôi đã phải vắt óc suy nghĩ cố gắng tìm hiểu lý do tại sao Webpack lại báo rằng với module entry "app", đường dẫn không phải là một chuỗi. Nó không hoàn toàn giống với các lỗi khác mà tôi đã đọc trên Stack Overflow, đó là lý do khiến tôi phải tự hỏi câu hỏi này.
Tôi đang sử dụng Webpack mới nhất (5.16) và Webpack-cli (4.4) và đang
Đọc thêm →javascript - Các thay đổi phá vỡ của Webpack đối với các module tích hợp sẵn trên trang Gatsby
Tôi đã thử triển khai trang Gatsby của mình lên Netlify, nhưng tôi liên tục gặp phải những lỗi này với các module node khác nhau mỗi khi tôi cố gắng triển khai. Tôi đã thử tạo một tệp webpack.config.js và bao gồm cả hai giải pháp được đề xuất nhưng không hiệu quả. Tôi cũng đã thử sử dụng alias
Đọc thêm →javascript - Thêm Phụ thuộc trong Plugin Webpack
Có thể thêm một dependency từ bên trong plugin Webpack không? Tôi đang tạo các tập tin sử dụng template, khi các template này thay đổi tôi muốn webpack --watch kích hoạt một build khác.
Đây là plugin:
function BlahPlugin (options) { this.options = options; } BlahPlugin.prototype.apply = function (compiler) { // Đọc thêm →javascript - webpack-dev-server không tạo thư mục dist trên máy local
Webpack-dev-server đang đóng gói các tệp html, scss và js thành công và đầu ra cũng đang được phục vụ trên localhost:8080 nhưng thư mục dist không được tạo trên máy local. Dưới đây là cấu hình webpack của tôi:
var extractPlugin = new ExtractTextPlugin({ filename: 'main.css' }); Đọc thêm →