javascript - cara menggunakan require jquery dengan webpack

Bagaimana cara me-require file jquery dengan webpack, apakah saya harus menginstalnya dari npm, atau bisakah saya hanya me-require file yang diunduh dari situs web jquery?

direktori

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

base.js kesala

Baca lebih banyak →

javascript - Webpack DefinePlugin dari fungsi asinkron

Saya ingin mendefinisikan beberapa konstanta yang dikembalikan dari sumber daya asinkron. Apakah ada cara untuk melakukan ini di Webpack?

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

Baca lebih banyak →

javascript - Memerlukan file secara kondisional di webpack

Saya ingin menggabungkan file-file ke dalam build produksi saya hanya jika itu bukan untuk DEBUG;

Jadi saya telah menggunakan webpack.DefinePlugin dan menetapkan variabel DEBUG === true.

Juga konfigurasikan webpack.UglifyJsPlugin dengan opsi default

Dan di file js, saya me

Baca lebih banyak →

javascript - Webpack - devtool: source-map untuk CSS dan eval-source-map untuk JS?

Jika saya menggunakan devtool: 'source-map' itu bekerja dengan baik dengan CSS:

Tapi, nama variabel JavaScript saya tidak menyenangkan:

Baca lebih banyak →

javascript - Cara menggunakan webpack dengan babel-loader dan flow

Saya sedang kesulitan dengan apa yang menurut saya seharusnya bukan pengaturan yang terlalu sulit. Saya ingin ketiga teknologi ini bekerja bersama:

  • webpack untuk menggabungkan kode
  • babel sehingga saya bisa menulis JavaScript modern
  • Flow karena pemeriksaan tipe itu membantu sama seperti tes dan l

    Baca lebih banyak →

javascript - Webpack: Bagaimana cara mengekspor langsung ke global (tanpa .default) yang berisi impor stylesheet?

Konteks

Saya memiliki webpack.config.js seperti ini:

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

Baca lebih banyak →

javascript - Cara Menemukan Chunk untuk Entry Webpack

Saya menggunakan webpack untuk memodernisasi aplikasi ASP.NET Web Forms multi-halaman yang lama. Saya cukup berhasil dengan itu sampai saya mencoba menggunakan SplitChunksPlugin untuk menduplikasi bundle saya menggunakan opsi chunks: 'all'. Sayangnya, ini membuat beberapa bundle JS ekstra yang semuanya perlu disert

Baca lebih banyak →

javascript - Angular 14 Webpack 5 error, modul nodejs yang tidak perlu (saya pikir) mencegah saya menjalankan aplikasi

Saya sedang bekerja di aplikasi Angular 14 yang baru. Versi node saya adalah v14.20.0, npm adalah 8.17.0

Saya tidak yakin mengapa, tapi entah kenapa saya memiliki semua dependensi nodejs ini. Saya sudah mencoba menghapus node_modules dan menginstal npm la

Baca lebih banyak →

javascript - Bagaimana cara memiliki bundle.js yang lebih mudah dibaca dengan webpack (sourcemap)?

Saya sedang mencoba membuat proyek webpack pertama saya dan saya tidak bisa menemukan cara untuk mengubah kunci numerik, yang mewakili modul dalam bundle.js keluaran saya, menjadi string deskriptif sehingga lebih mudah untuk melacaknya di debugger...

Saya telah mencoba output.chunkFilename dan output.sourceMapFilename tetapi tidak berhasil.

Begini tampilan tugas gulp saya:

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

Baca lebih banyak →

javascript - Perf tidak terdefinisi - menjalankan aplikasi react dengan webpack-dev-server

Saya mencoba mengukur kinerja React dengan addon Perf, tetapi ketika saya mencoba menjalankan Perf.start() di konsol saya, saya mendapatkan error: Uncaught ReferenceError: Perf is not defined(…)

Perlu disebutkan, bahwa saya telah menginstal plugin melalui npm dan memiliki

Baca lebih banyak →