javascript - webpack ile jquery nasıl require edilir
jquery dosyasını webpack ile nasıl gerektirebilirim, npm'den mi yüklemem gerekiyor, yoksa sadece jquery web sitesinden indirdiğim dosyayı mı gerektirebilirim?
dizin
app/ ./assets/javascripts/article/create/base.js ./assets/javascripts/lib/jquery-1.11.1.min.js webpack.config.jsbase.js hatası
re DAHA FAZLASI →javascript - Async fonksiyondan Webpack DefinePlugin
Asenkron bir kaynaktan döndürülen bazı sabitleri tanımlamak istiyorum. Bunu Webpack'te yapmanın herhangi bir yolu var mı?
/* webpack.config.js */ module.exports = { ..., plugins: [ new webpack.DefinePlugin({ someVar: /* RETURN VARIABLE FROM ASYNC FUNCTION */ }) ] } DAHA FAZLASI →javascript - webpack'te koşullu olarak dosya gerektirme
Dosyaları yalnızca DEBUG için değilse üretim yapımına dahil etmek istiyorum;
Yani ben webpack.DefinePlugin kullandım ve DEBUG === true değişkenini ayarladım.
Ayrıca webpack.UglifyJsPlugin öğesini varsayılan seçeneklerle yapılandırın
Ve js dosyasında, bunu şöyle yapıyorum:
DAHA FAZLASI →javascript - Webpack - CSS için devtool: source-map ve JS için eval-source-map?
Eğer devtool olarak: 'source-map' kullanırsam CSS ile harika çalışıyor:
Ama benim JavaScript değişken isimlerim eğlenceli değil:
DAHA FAZLASI →javascript - webpack'i babel-loader ve flow ile nasıl kullanılır
Benim için çok zor olmaması gereken bir kurulum gibi hissetmediğim şeyle mücadele ediyorum. Bu üç teknolojinin birlikte çalışmasını istiyorum:
- kodu paketlemek için webpack
- modern JavaScript yazabilmem için Babel
- tip kontrolü testler ve linter gibi yararlı olduğu için Flow
Bununla ilg
DAHA FAZLASI →javascript - Webpack: Stil dosyası importlarını içeren bir şeyi doğrudan global olarak nasıl dışa aktarabilirim (.default olmadan)?
Bağlam
Benim şöyle bir webpack.config.js dosyam var:
/* Something here */ module.exports = { entry: { main: './src/index.js' }, output: { library: 'MyClass', libraryTarget: 'umd' DAHA FAZLASI →javascript - Webpack Girişi için Parçaları Nasıl Bulunur
Legacy çok sayfalı bir ASP.NET Web Forms uygulamasını modernize etmek için webpack kullanıyorum. chunks: 'all' seçeneğini kullanarak bundle’larımı çoğaltmayı önlemek için SplitChunksPlugin’i kullanmayı denememe kadar bununla oldukça iyi bir başarı elde ettim. Ne yazık ki bu, orijinal giriş bundle’ın yanı sıra
DAHA FAZLASI →javascript - Angular 14 Webpack 5 hatası, gereksiz nodejs modülleri (bence) uygulamayı servis etmemi engelliyor
Yepyeni bir Angular 14 uygulamasında çalışıyorum. Node sürümüm v14.20.0, npm sürümüm 8.17.0
Nedenini tam olarak bilmiyorum ama bir şekilde tüm bu nodejs bağımlılıklarını dahil etmişim. node_modules'u silip tekrar npm ile yüklemeyi denedim ama yine de bu s
DAHA FAZLASI →javascript - webpack (sourcemap) ile daha okunabilir bir bundle.js nasıl elde edilir?
İlk webpack projemi yapmaya çalışıyorum ve çıktı bundle.js dosyamda modülleri temsil eden sayısal anahtarları, hata ayıklayıcıda izlemeyi kolaylaştıracak şekilde açıklayıcı bir string ile değiştirecek bir yol bulamıyorum...
output.chunkFilename ve output.sourceMapFilename'i denedim ama başarılı olamadım.
Gulp görevim böyle görünüyor:
gulp.task('webpack', function (done) { webpack({ entry: { app: paths.src + "/main.js", vendor: ['react/addons', 'lo DAHA FAZLASI →javascript - Perf tanımlı değil - webpack-dev-server ile react uygulaması çalıştırılıyor
React performansını Perf eklentisi ile ölçmeye çalışıyorum, ama konsolumda Perf.start() çalıştırmaya çalıştığımda bir hata alıyorum: Uncaught ReferenceError: Perf is not defined(…)
Bahsetmeye değer ki, eklentiyi npm aracılığıyla yükledim ve main.js dosyamda require(
DAHA FAZLASI →