javascript - bagaimana untuk memerlukan jquery dengan webpack

Bagaimana untuk memerlukan fail jquery dengan webpack, adakah saya perlu memasangnya dari npm, atau bolehkah saya hanya memerlukan fail yang dimuat turun dari laman web jquery?

direktori

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

base.js

Baca lagi →

javascript - Webpack DefinePlugin daripada fungsi async

Saya ingin mentakrifkan beberapa pemalar yang dikembalikan dari sumber asinkron. Adakah terdapat cara untuk melakukan ini di Webpack?

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

Baca lagi →

javascript - Memerlukan fail bersyarat dalam webpack

Saya ingin menggabungkan fail-fail itu ke dalam binaan pengeluaran saya hanya jika ia bukan untuk DEBUG;

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

Juga konfigurasikan webpack.UglifyJsPlugin dengan pilihan lalai

Dan dalam f

Baca lagi →

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

Jika saya menggunakan devtool: 'source-map', ia berfungsi dengan baik dengan CSS:

Tetapi, nama pemboleh ubah JavaScript saya tidak menyeronokkan:

Baca lagi →

javascript - Cara menggunakan webpack dengan babel-loader dan flow

Saya sedang bergelut dengan apa yang saya rasakan sepatutnya bukanlah satu persediaan yang terlalu sukar. Saya mahu tiga teknologi ini berfungsi bersama:

  • webpack untuk menggabungkan kod
  • babel supaya saya dapat menulis JavaScript moden
  • aliran kerana pemeriksaan jenis adalah berguna sama seperti u

    Baca lagi →

javascript - Webpack: Bagaimana untuk mengeksport terus ke global (tanpa .default) yang mengandungi import helaian gaya?

Konteks

Saya mempunyai webpack.config.js seperti ini:

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

Baca lagi →

javascript - Bagaimana Menemukan Chunks untuk Entri Webpack

Saya sedang menggunakan webpack untuk memodenkan aplikasi ASP.NET Web Forms berbilang halaman yang lama. Saya berjaya dengan baik sehingga saya cuba menggunakan SplitChunksPlugin untuk mengurangkan duplikasi dalam bundle saya menggunakan pilihan chunks: 'all'. Malangnya, ini menghasilkan beberapa bundle JS tambahan

Baca lagi →

javascript - Angular 14 Webpack 5 ralat, modul nodejs yang tidak diperlukan (saya rasa) menghalang saya daripada menyajikan aplikasi

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

Saya tidak pasti kenapa, tetapi entah mengapa saya mempunyai semua kebergantungan nodejs ini disertakan. Saya telah cuba memadam node_modules dan men

Baca lagi →

javascript - Bagaimana untuk mempunyai bundle.js yang lebih mudah dibaca dengan webpack (sumber peta)?

Saya sedang cuba membuat projek webpack pertama saya dan saya tidak dapat mencari cara untuk menukar kekunci berangka, yang mewakili modul dalam bundle.js output saya, kepada string deskriptif supaya lebih mudah untuk menjejakinya dalam debugger...

Saya telah mencuba output.chunkFilename dan output.sourceMapFilename tetapi tidak berjaya.

Begini rupa tugasan gulp saya:

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

Baca lagi →

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

Saya sedang cuba mengukur prestasi React dengan tambahan Perf, tetapi ketika saya cuba menjalankan Perf.start() di konsol saya, saya mendapat ralat: Uncaught ReferenceError: Perf is not defined(…)

Perlu disebutkan, bahawa saya telah memasang plugin melalui npm dan mempuny

Baca lagi →