«webpack» etiketlenmiş sorular

Webpack, JavaScript modül paketleyicisidir. Webpack, bağımlılıkları olan modülleri alır ve bu modülleri temsil eden statik varlıklar oluşturur. Webpack'in temel özellikleri, genişletilebilirlik ve geliştiricilerin Web Mimarisi ve Web Performansında en iyi uygulamaları kullanmalarına olanak tanır.

5
ES6 dizin dosyasında dışa / içe aktarma
Şu anda webpack / babel üzerinden bir React uygulamasında ES6 kullanıyorum. Bir modülün tüm bileşenlerini toplamak ve vermek için dizin dosyaları kullanıyorum. Ne yazık ki, bu şöyle görünüyor: import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = Comp1_; export const Comp2 = Comp2_; …

5
Moment.js dosyasının yerel paketi web paketiyle yüklemesini nasıl önleyebilirim?
moment.jsWeb paketini kullanırken tüm yerel ayarları yüklemeyi bırakabilmenin herhangi bir yolu var mı (sadece İngilizce'ye ihtiyacım var)? Kaynağa bakıyorum ve hasModulewebpack için tanımlanmışsa, her zaman require()her yerel ayar için çalışıyor gibi görünüyor . Bunun düzeltilmesi için bir çekme isteğine ihtiyacı olduğundan eminim. Ancak bunu webpack yapılandırmasıyla çözebilmemizin bir yolu var …

9
Webpack.config index.html dosyasının dist klasörüne nasıl kopyalanacağını
/ Dist varlıklarını otomatikleştirmek çalışıyorum. Aşağıdaki config.js var: module.exports = { context: __dirname + "/lib", entry: { main: [ "./baa.ts" ] }, output: { path: __dirname + "/dist", filename: "foo.js" }, devtool: "source-map", module: { loaders: [ { test: /\.ts$/, loader: 'awesome-typescript-loader' }, { test: /\.css$/, loader: "style-loader!css-loader" } ] …
189 webpack 

13
Webpack dev sunucusunu halka açık yapmak için 80 numaralı bağlantı noktasında ve 0.0.0.0'da nasıl çalıştırabilirim?
Ben bütün için yeni nodejs / reactjs sorum sesleri saçma eğer özür böylece dünyanın. Bu yüzden reaktabular.js ile oynuyorum . Ne zaman yapsam npm start, her zaman çalışır localhost:8080. 0.0.0.0:8080Herkese açık hale getirmek için çalışacak şekilde nasıl değiştirebilirim ? Yukarıdaki repo kaynak kodunu okumaya çalışıyorum ama bu ayarı yapan dosyayı …

6
Uygulama tabanlı projeler oluşturmak için yazı tipleri nasıl eklenir?
Ben create-tepki-app kullanıyorum ve tercih etmiyorum eject. @ Font-face üzerinden içe aktarılan ve yerel olarak yüklenen fontların nereye gitmesi gerektiği açık değildir. Yani, yüklüyorum @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Baska öneri? -- DÜZENLE Dan'ın cevabına atıfta bulunduğu gist …

9
create-tepki-app webpack yapılandırma ve dosyaları nerede?
Paketle bir ReactJS projesi oluşturdum create-react-appve bu iyi çalıştı, ancak webpack dosyalarını ve yapılandırmalarını bulamıyorum. Reac-create-app webpack ile nasıl çalışır? Varsayılan kurulumda web paketi yapılandırma dosyaları nerededir create-react-app? Projemin klasörlerinde yapılandırma dosyaları bulamıyorum. Geçersiz kılma yapılandırma dosyası oluşturmadım. Yapılandırma ayarlarını diğer makalelerle yönetebilirim, ancak geleneksel yapılandırma dosyalarını bulmak istiyorum.

4
Satıcı komut dosyalarını ayrı ayrı nasıl paketleyebilir ve Webpack ile gerektiği gibi nasıl gerektirir?
Mümkün olması gerektiğine inandığım bir şey yapmaya çalışıyorum, ancak bunu sadece web paketi belgelerinden nasıl yapacağımı gerçekten anlayamıyorum. Birbirine bağlı olan veya olmayan birkaç modül içeren bir JavaScript kitaplığı yazıyorum. Bunun da ötesinde, jQuery tüm modüller tarafından kullanılır ve bazıları jQuery eklentilerine ihtiyaç duyabilir. Bu kütüphane daha sonra modüllerin bir …


7
Webpack yapılandırmasında birden çok çıkış yolu oluşturma
Herkes bir webpack.config.js dosyasında birden çok çıktı yollarının nasıl oluşturulacağını biliyor mu? Ben birkaç farklı yazı tipi dosyaları, vb ile gelen bootstrap-sass kullanıyorum. Webpack bu işlemek için, ancak düzgün çalıştığı dosya yükleyici dahil ettik, ancak çıktıları dosyaları için belirtilen çıkış yoluna kaydediliyor dosyalarımın geri kalanı: output: { path: __dirname + …
165 path  output  config  webpack  loader 

11
Çözümlemek için webpack ile yollar gerekir
Hala webpack ile modül yollarını çözmek için kafam karıştı. Şimdi yazıyorum: myfile = require('../../mydir/myfile.js') ama yazmak istiyorum myfile = require('mydir/myfile.js') Çözme.alias'ın{ xyz: "/some/dir" } takma ad olarak kullandığım benzer bir örneği gördüğüm için yardımcı olabileceğini düşünüyordum require("xyz/file.js"). Ben benim takma set Ama eğer { mydir: '/absolute/path/mydir' }, require('mydir/myfile.js') iş olmaz. …

5
Gulp + Webpack veya SADECE Webpack?
Webpack ile gulp kullanan insanlar görüyorum. Ama sonra webpack okumak yutmak değiştirebilirsiniz? Burada tamamen kafam karıştı ... biri açıklayabilir mi? GÜNCELLEME sonunda gulp ile başladım. Modern ön uçta yeniydim ve çabucak kalkmak istedim. Artık bir yıldan fazla bir süre sonra ayaklarımı ıslattığım için, webpack'e taşınmaya hazırım. Aynı ayakkabıyla başlayan insanlar …
162 node.js  webpack  gulp 

10
Webpack geliştirici sunucusuna herhangi bir yol için index.html'yi sunması nasıl söylenir
React yönlendiricisi, tepki uygulamalarının işlemesini sağlar /arbitrary/route. Bunun çalışması için sunucumun React uygulamasını herhangi bir eşleşen rotaya göndermesine ihtiyacım var. Ancak web paketi geliştirici sunucusu keyfi uç noktaları işlemez. Ek ekspres sunucu kullanarak burada bir çözüm var. Webpack-dev-server'ın react-router'dan giriş noktalarına izin vermesine nasıl izin verilir Ancak rota eşleştirmeye izin …

16
Hata: 'webpack' modülü bulunamıyor
Ben sadece webpack ile başlıyorum ve inşa etmek için çoklu giriş noktaları örnek almakta zorluk yaşıyorum . Örnekteki webpack.config.js dosyası satırı içerir var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin"); bu benim için hata ile başarısız Error: Cannot find module '../../lib/optimize/CommonsChunkPlugin' Etrafa baktığımda, CommonsChunkPlugin ifadesiyle birlikte kullanmanın başka örneklerini buldum var commonsPlugin = new …
152 node.js  webpack 

16
Create-reakt-uygulaması kısıtlamayı src dizininin dışına aktarır
Ben create-tepki-app kullanıyorum. İçimdeki bir dosyadan ortak klasörümdeki bir görüntüyü çağırmaya çalışıyorum src/components. Bu hata iletisini alıyorum. ./src/components/website_index.js Modülü bulunamadı: Proje src / dizininin dışında kalan ../../public/images/logo/WC-BlackonWhite.jpg dosyasını içe aktarmaya çalıştınız. Src / dışındaki göreli ithalatlar desteklenmez. Src / içine taşıyabilir veya projenin node_modules / dizininden bir sembolik bağlantı ekleyebilirsiniz. …

6
Webpack dosya yükleyici ile görüntü dosyaları nasıl yüklenir
Ben kullanıyorum WebPack bir yönetme reactjs projeyi. Javascript webpack tarafından görüntüleri yüklemek istiyorum file-loader. Aşağıda ise webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; module.exports = { entry: { jsx: …

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.