«webpack» etiketlenmiş sorular

İşte ES6 aracılığıyla web paketindeki görüntüleri ve simgeleri içe aktarmak için mevcut iş akışım: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> Bu hızla dağınık hale geliyor. İşte istediğim şey: import * from './images' <img src={doggy} /> <img src={turtle} …

104 reactjs  webpack  ecmascript-6 

Chrome bellek önbelleği ve disk önbelleği ile ilgileniyorum? Webpack, common chunks eklentisi kullanıyorum ve tüm dosyalarımı chunkhash ile oluşturuyorum. Belleğin disk önbelleğinden farkı nedir? Sayfamı yeniden yüklediğimde, bazı dosyalar önbellekten, bazıları da disk önbelleğinden (bellek önbelleğinden bundle.js ve image.jpg ve disk önbelleğinden css) yükleniyor. Bazen farklıdır. Bunu kontrol edebilir miyiz, …

103 google-chrome  caching  webpack 

Paketleyicim olarak webpack ile ES6'da yazılmış bir projem var. Transpiling çoğu iyi çalışıyor, ancak dekoratörleri herhangi bir yere dahil etmeye çalıştığımda şu hatayı alıyorum: Decorators are not supported yet in 6.x pending proposal update. Babel sorunu izleyicisine baktım ve orada hiçbir şey bulamadım, bu yüzden yanlış kullandığımı varsayıyorum. Web paketi …

101 javascript  webpack  ecmascript-6  babeljs  decorator 

Çalıştırmayı denedim webpack --watchve JS dosyalarımı düzenledikten sonra otomatik yeniden derlemeyi tetiklemiyor. Ben yeniden denedim webpackkullanarak npm uninstallancak hala çalışmıyor. Herhangi bir fikir?

101 javascript  webpack  fsevents 

Bu öğreticinin yanında gevşek bir şekilde webpack kullanarak bir React web uygulaması üzerinde çalışıyorum . Yanlışlıkla node_modules klasörünü git'ime ekledim. Daha sonra tekrar kullanarak kaldırdım git rm -f node_modules/*. Şimdi, web paketi sunucusunu başlatmayı denediğimde aşağıdaki hatayı alıyorum: > webpack-dev-server -d --config webpack.dev.config.js --content-base public/ --progress --colors sh: webpack-dev-server: command …

101 node.js  npm  webpack 

React-materialize'dan bileşenleri içe aktarmaya çalışıyorum - import {Navbar, NavItem} from 'react-materialize'; Ancak web paketimi .tsxoluştururken yukarıdakiler için bir hata atıyor - ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration file for module 'react-materi alize'. 'D:\Private\Works\Typescript\QuickReact\node_modules\react-materialize\l ib\index.js' implicitly has an 'any' type. Bunun için herhangi bir çözüm ts-loader. …

100 reactjs  webpack  webpack-2 

Birlikte çalıştığım başlıyorum webpackbir ile node/expressgelişmekte olan bir ortamda ReactJSsunucu tarafı render uygulaması react-router. Geliştirme ve üretim (çalışma zamanı) ortamları için her bir web paketi paketinin rolü konusunda kafam iyice karışıyor. İşte anlayışımın özeti: webpack: Bir web uygulamasının farklı parçalarını bir araya getiren ve daha sonra tek bir .js dosyasında …

97 javascript  node.js  webpack  webpack-dev-server  webpack-dev-middleware 

Web paketinde çok yeniyim, üretim yapısında genel kodun boyutunu azaltabileceğimizi öğrendim. Şu anda web paketi yaklaşık 8MB dosya ve main.js yaklaşık 5MB oluşturuyor. Üretim yapısında kodun boyutu nasıl küçültülür? İnternetten örnek bir web paketi yapılandırma dosyası buldum ve uygulamam için yapılandırdım ve çalıştırdım npm run buildve oluşturmaya başladım ve ./dist/dizinde …

97 node.js  reactjs  npm  webpack  webpack-dev-server 

Önceki arama: Webpack'in wiki'sinin dediği gibi, derleme performansını optimize etmek için analiz aracını kullanmak mümkündür: from: https://github.com/webpack/docs/wiki/build-performance#hints-from-build-stats Derleme istatistiklerinden ipuçları Yapınızı görselleştiren ve ayrıca derleme boyutu ve derleme performansının nasıl optimize edilebileceği konusunda bazı ipuçları sağlayan bir analiz aracı vardır . Webpack --profile --json> stats.json komutunu çalıştırarak gerekli JSON dosyasını …

96 optimization  webpack 

inline-source-mapChrome devtools hata ayıklayıcısını kullandığımda Webpack tarafından yapılandırma ayarı kullanılarak oluşturulan kaynak haritaların bir satır kapalı kalmasına neden olan bir sorun yaşıyorum . Webpack, birkaç düzine modülden oluşan birleştirilmiş, küçültülmemiş JavaScript dosyası oluşturmak için bir Ruby on Rails uygulamasının içinde kurulur. Bu modüllerin çoğu ReactJS bileşenleridir ve jsxyükleyici tarafından ayrıştırılır …

96 javascript  ruby-on-rails  google-chrome  webpack  source-maps 

Yeni bir tane yarattım köşeliprojelendirip .angular-cli.json'un ilgili bölümlerini aşağıdaki gibi çalıştırıp npm install bootstrap@4.0.0-beta jquery popper.js --save değiştirdi "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], ancak aşağıdaki hatayı alıyorum 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9) at Object.../../../../script-loader/index.js!../../../../popper.js/dist/popper.js (popper.js?4b43:1) at __webpack_require__ (bootstrap …

96 twitter-bootstrap  angular  webpack  popper.js 

Uygulamamda 4 alt dizine bölünmüş çok sayıda javascript dosyam var. Grunt'ta hepsini alıp tek bir dosyada derliyorum. Bu dosyaların module.exports işlevi yoktur. Web paketini kullanmak ve 4 parçaya bölmek istiyorum. Manuel olarak içeri girmek istemiyorum ve tüm dosyalarıma ihtiyacım var. Derlemede dizin ağaçlarını gezen, ardından tüm .js dosya adlarını ve …

96 javascript  build  webpack 

Geliştirme için bazı şeylerim var - örneğin, dağıtılmış derleme dosyamı şişirmek istemediğim taklitler. RequireJS'de bir eklenti dosyasında bir yapılandırma iletebilir ve buna bağlı olarak bazı şeyleri şartlı olarak isteyebilirsiniz. Web paketi için bunu yapmanın bir yolu yok gibi görünüyor. İlk olarak, bir ortam için bir çalışma zamanı yapılandırması oluşturmak için, …

95 javascript  build  conditional  require  webpack 

vue webpackKullanarak bir proje oluşturdum vue-cli. vue init webpack myproject Ve sonra projeyi devmod altında çalıştırın : npm run dev Bu hatayı aldım: Kaynak yüklenemedi: sunucu yanıt verdi 404 (Bulunamadı) http: // localhost: 8080 / favicon.ico Peki web paketinin içinde, favicon.icodoğru şekilde nasıl içe aktarılır ?

94 html  ecmascript-6  webpack  vue.js  favicon 

Webpack ile çalışıyorum ve ./node_modules/webpack/bin/webpack.jskullanarak yürütmem gerekiyor npx. npx webpackwebpack binary ( ./node_modules/webpack/bin/webpack) çalıştıracaktı , ancak npx web paketini her çalıştırdığımda elde ediyorum bash: npx: command not found. Ben kullanıyorum: düğüm: v9.5.0 npm: 5.6.0 nvm: 1.1.5 web paketi: 3.11.0

94 node.js  npm  webpack  npx