javascript - cách yêu cầu jquery với webpack

Làm thế nào để yêu cầu file jquery với webpack, tôi có phải cài đặt từ npm không, hay tôi chỉ cần yêu cầu file tải xuống từ trang web jquery?

thư mục

app/ ./assets/javascripts/article/create/base.js ./assets/javascripts/lib/jquery-1.11.1.min.js webpack.config.js

lỗi base.js

require('../../../li

Đọc thêm →

javascript - Webpack DefinePlugin từ hàm bất đồng bộ

Tôi muốn định nghĩa một số hằng số được trả về từ một tài nguyên bất đồng bộ. Có cách nào để làm điều này trong Webpack không?

/* webpack.config.js */ module.exports = { ..., plugins: [ new webpack.DefinePlugin({ someVar: /* RETURN VARIABLE FROM ASYNC FUNCTION */ }) ] }

Đọc thêm →

javascript - Yêu cầu tệp có điều kiện trong webpack

Tôi muốn gom các tệp vào bản build sản xuất của mình chỉ nếu nó không phải cho DEBUG;

Vì vậy tôi đã sử dụng webpack.DefinePlugin và đặt biến DEBUG === true.

Cũng cấu hình webpack.UglifyJsPlugin với các tùy chọn mặc định

Và trong tập tin js, tôi làm như thế này:

Đọc thêm →

javascript - Webpack - devtool: source-map cho CSS và eval-source-map cho JS?

Nếu tôi sử dụng devtool: 'source-map' thì nó hoạt động tuyệt vời với CSS:

Nhưng, tên biến JavaScript của tôi thật không vui:

Đọc thêm →

javascript - Cách sử dụng webpack với babel-loader và flow

Tôi đang gặp khó khăn với những gì tôi cảm thấy lẽ ra không nên là một thiết lập quá khó. Tôi muốn ba công nghệ này hoạt động cùng nhau:

• webpack để đóng gói mã
• babel để tôi có thể viết JavaScript hiện đại
• Flow vì kiểm tra kiểu dữ liệu hữu ích giống như kiểm thử và trình phân tích mã

Đọc thêm →

javascript - Webpack: Làm thế nào để xuất trực tiếp ra toàn cục (không dùng .default) chứa các import stylesheet?

Ngữ cảnh

Tôi có một webpack.config.js như sau:

/* Something here */ module.exports = { entry: { main: './src/index.js' }, output: { library: 'MyClass', libraryTarget: 'umd',

Đọc thêm →

javascript - Cách Tìm Các Chunk cho Một Entry của Webpack

Tôi đang sử dụng webpack để hiện đại hóa một ứng dụng ASP.NET Web Forms nhiều trang cũ. Tôi đã khá thành công với nó cho đến khi tôi thử sử dụng SplitChunksPlugin để loại bỏ trùng lặp cho các bundle của mình bằng tùy chọn chunks: 'all'. Thật không may, điều này tạo ra một số bundle JS bổ sung mà tất cả đều cần được

Đọc thêm →

javascript - Lỗi Angular 14 Webpack 5, các module nodejs không cần thiết (tôi nghĩ) đang ngăn cản tôi phục vụ ứng dụng

Tôi đang làm việc trong một ứng dụng Angular 14 hoàn toàn mới. Phiên bản node của tôi là v14.20.0, npm là 8.17.0

Tôi không chắc tại sao, nhưng vì lý do nào đó tôi lại có tất cả các phụ thuộc nodejs này được bao gồm. Tôi đã thử xóa node_modules và cài đặt

Đọc thêm →

javascript - Làm thế nào để có một bundle.js dễ đọc hơn với webpack (sourcemap)?

Tôi đang cố gắng tạo dự án webpack đầu tiên của mình và tôi không thể tìm cách thay đổi các khóa số, đại diện cho các module trong tệp bundle.js đầu ra của tôi, thành một chuỗi mô tả để sẽ dễ dàng theo dõi nó trong trình gỡ lỗi...

Tôi đã thử output.chunkFilename và output.sourceMapFilename nhưng không thành công.

Đây là cách nhiệm vụ gulp của tôi trông như thế này:

gulp.task('webpack', function (done) { webpack({ entry: { app: paths.src + "/main.js",

Đọc thêm →

javascript - Perf chưa được định nghĩa - chạy ứng dụng react với webpack-dev-server

Tôi đang cố gắng đo hiệu suất của React bằng tiện ích Perf, nhưng khi tôi thử chạy Perf.start() trong bảng điều khiển của mình, tôi nhận được lỗi: Uncaught ReferenceError: Perf is not defined(…)

Đáng nói là, tôi đã cài đặt plugin thông qua npm và có một require('rea

Đọc thêm →