javascript - Webpack - Memerlukan Imej Menggunakan File-Loader
Saya sedang menggunakan Webpack untuk aplikasi React saya.
Saya memasang 'File-loader' dan 'Url-loader' dalam konfigurasi webpack saya.
Bagaimanapun, saya tidak pasti bagaimana untuk memautkan imej ke komponen saya. Saya menyimpan 'src' untuk imej dalam fail 'Data.js' dari mana saya menghantar data untuk imej tersebut ke komponen react.
Webpack.config.js saya:
... const PATHS = { app : path.join( __dirname, "app" ), build : path.join( __dirname, "build" Baca lagi →javascript - Mengapa bundel Webpack saya begitu besar?
Saya sedang menulis beberapa JavaScript yang menggunakan Moment.js dan Handlebars. Moment.js sepatutnya 30 KB setelah digzip dan Handlebars sepatutnya kurang daripada 10 KB setelah digzip. Tetapi apabila saya menggunakan Webpack untuk menggabungkan kod saya, saya mendapat fail hasil yang berukuran 271 KB!
Saya memasang webpack-bundle-size-
Baca lagi →javascript - Bagaimana untuk TIDAK menyelesaikan laluan dengan Webpack?
Saya sedang mengerjakan projek ReactJs dengan Webpack dan sass-loader, css-loader & url-loader.
Saya ingin tidak menyelesaikan laluan font-face dan mengekalkannya tepat seperti yang ditetapkan dalam fail SASS.
Isu ini:
Jika saya memanggil la
Baca lagi →javascript - Webpack tidak dapat mengimport pakej yang dipasang dari git
Jadi saya membuat fork pada satu pakej di git. Melakukan perubahan saya. Kemudian di terminal saya
npm install --save git+https://github.com/hayk94/ddp.js.gitDan kemudian saya cuba mengimport pakej itu dalam kod saya seperti ini
import DDP from 'ddp.js'Tetapi webpack memberikan saya ralat ini
ERROR in ./main.js Module not found: Error: Can't resolve 'ddp.js' in '/Users/hayksafaryan/projects/b2cEmbedLib' @ ./main.js 2 Baca lagi →javascript - Plugin Webpack: Bagaimana untuk menambah pemuat secara dinamik ke modul?
Saya sedang menulis plugin Webpack. Semasa penyelesaian modul, plugin ini sepatutnya secara dinamik menambah pemuat tertentu untuk beberapa modul, tetapi tidak untuk semua.
Idea saya sekarang adalah untuk mengakses acara after-resolve bagi normal-module-factory
Baca lagi →javascript - Membundel komponen stencil dengan webpack
Adakah sesiapa yang tahu bagaimana untuk membundel komponen web yang dibuat dengan Stencil menggunakan webpack. Saya mempunyai pelbagai komponen Stencil dan perlu membuat satu bundel supaya saya boleh menggunakannya dalam projek lain.
Jawapan #1
Ionic telah membangunkan StencilPlugin untuk webpack, yang membolehkan import komponen dengan mudah menggunakan pembundel webpack.
Anda juga mungkin berminat dengan artikel cemerlang ini yang menjelaska
Baca lagi →javascript - Argumen laluan Webpack bukan string
Saya telah memerah otak saya cuba mencari sebab mengapa Webpack mengatakan untuk modul entri "app", jalannya bukanlah string. Ia tidak sama tepat seperti ralat-ralat lain yang telah saya baca di stackoverflow, itulah sebabnya ia mendorong saya untuk bertanya soalan ini sendiri.
Saya menggunakan Webpack terkini (5.16) dan Webpack-cl
Baca lagi →javascript - Perubahan besar Webpack untuk modul terbina dalam pada laman Gatsby
Saya telah mencuba untuk menyebarkan laman Gatsby saya ke Netlify, tetapi saya terus mendapat ralat ini untuk pelbagai modul node setiap kali saya cuba menyebarkan. Saya telah mencuba membuat fail webpack.config.js dan memasukkan kedua-dua penyelesaian yang dicadangkan tetapi tidak berhasil. Sa
Baca lagi →javascript - Tambah Pergantungan dalam Plugin Webpack
Adakah mungkin untuk menambah kebergantungan dari dalam plugin Webpack? Saya sedang menjana fail yang menggunakan templat, apabila templat ini berubah saya ingin webpack --watch mencetuskan binaan lain.
Berikut ialah pemalam:
function BlahPlugin (options) { this.options = options; } BlahPlugin.prototype.apply = fu Baca lagi →javascript - webpack-dev-server tidak membuat folder dist di lokal
Webpack-dev-server sedang membundel fail html, scss dan js dengan berjaya dan output juga sedang disajikan di localhost:8080 tetapi folder dist tidak dibuat secara tempatan. Berikut adalah konfigurasi webpack saya:
var extractPlugin = new ExtractTextPlugin({ filename: 'main.css' Baca lagi →