«webpack» etiketlenmiş sorular

Webpack ile global bir değişken tanımlamak mümkün müdür: var myvar = {}; Gördüğüm tüm örnekler harici dosya kullanıyordu require("imports?$=jquery!./file.js")

138 javascript  webpack  webpack-2  webpack-3 

benim hata çıktı: Geçersiz yapılandırma nesnesi. Webpack, API şemasıyla eşleşmeyen bir yapılandırma nesnesi kullanılarak başlatıldı. - configuration.module, bilinmeyen bir 'loaders' özelliğine sahip. Bu özellikler geçerlidir: object {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, rules ?, defaultRules ?, unknownContextCritical ?, unknownContextRecursive ?, unknownContextRegExp ?, unknownContextRegExp?? UnknownContextRegExp? ?, strictExportPresence …

136 reactjs  webpack 

Ben etrafında oynuyorum Reactve ES6kullanma babelve webpack. Farklı dosyalarda birkaç bileşen oluşturmak, tek bir dosyaya aktarmak ve bunlarıwebpack Diyelim ki bunun gibi birkaç bileşenim var: my-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ return ( <Navbar className="navbar-dark" fluid> ... </Navbar> ); } …

135 reactjs  ecmascript-6  webpack 

React projemdeki resimlerimle ilgili bazı problemlerim var. Aslında, src özniteliğine giden göreceli yolun dosya mimarisi üzerine inşa edildiğini düşünmüşümdür hep İşte benim dosya mimarim: components file1.jsx file2.jsx file3.jsx container img js ... Ancak yolun url üzerine kurulduğunu fark ettim. Bileşenimden birinde (örneğin file1.jsx'e) şuna sahibim: localhost/details/2 <img src="../img/myImage.png" /> -> …

135 javascript  reactjs  webpack 

İle başlatılan basit bir uygulamam var angular-cli. 3 rotaya göre bazı sayfaları görüntüler. 3 bileşenim var. Bu sayfada ne kullanımının birinde lodashbazı verileri almak için ve Eğik 2 HTTP modülleri (RxJS kullanarak Observableler, mapve subscribe). Bu unsurları basit bir *ngFor. Ancak, uygulamamın gerçekten basit olmasına rağmen, büyük (bence) bir paket …

135 angular  webpack  angular-cli 

Reactjs konusunda yeniyim, react uygulamama bootstrap eklemek istiyorum Bootstrap'i şu şekilde yükledim: npm install bootstrap --save Şimdi, react uygulamamda bootstrap css ve js'yi yüklemek istiyorum. Web paketi kullanıyorum. webpack.config.js var config = { entry: './src/index', output: { path: './', filename: 'index.js' }, devServer: { inline: true, port: 8080, historyApiFallback: true, …

135 twitter-bootstrap  reactjs  webpack 

GÜNCELLEME: Aralık 2018 ('Aniket' cevabına bakın) Angular CLI 6 ile, çıkartma kullanımdan kaldırıldığından ve yakında 8.0'da kaldırılacağından, inşaatçıları kullanmanız gerekir. GÜNCELLEME: Haziran 2018: Angular 6, çıkarmayı desteklemiyor ** GÜNCELLEME: Şubat 2017: çıkartmayı kullanma GÜNCELLEME: Kasım 2016: angular-cli artık yalnızca web paketini kullanıyor. Yalnızca npm install -g angular-cli ile normal olarak …

132 angular  webpack  angular-cli 

Webpack2 kullanmaya başladım (kesin olmak gerekirse v2.3.2) ve yapılandırmamı yeniden oluşturduktan sonra çözemediğim bir sorunla karşılaşmaya devam ediyorum (çirkin döküm için şimdiden özür dilerim): ERROR in ./src/main.js Module not found: Error: Can't resolve 'components/DoISuportIt' in '[absolute path to my repo]/src' resolve 'components/DoISuportIt' in '[absolute path to my repo]/src' Parsed request …

131 npm  webpack  commonjs  webpack-2  package.json 

Webpack'te yeniyim ve mevcut bir web uygulamasını kullanmak için dönüştürüyorum. JS'mi paketlemek ve küçültmek için webpack kullanıyorum, bu da konuşlandırıldığında harika, ancak bu, geliştirme sırasında hata ayıklamayı çok zorlaştırıyor. Genellikle, JS sorunlarını ayıklamak için Chrome'un yerleşik hata ayıklayıcısını kullanırım. (Veya firefox'ta Firebug). Ancak webpack ile her şey tek bir dosyada …

131 javascript  webpack 

Diyelim ki böyle bir sınıfım var (typcript ile yazılmış) ve onu webpack ile paketlediğim bundle.js. export class EntryPoint { static run() { ... } } İndex.html dosyama paketi ekleyeceğim, ancak daha sonra bu statik yöntemi de çağırmak istiyorum. <script src="build/bundle.js"></script> <script> window.onload = function() { EntryPoint.run(); } </script> Ancak, EntryPointbu …

130 javascript  html  typescript  webpack 

Kesme noktalarımın çalışması için Angular ve VSCode'u nasıl yapılandırabilirim?

127 angular  debugging  webpack  visual-studio-code 

React.js'yi Öğreniyorum ve Windows 8 OS kullanıyorum. Kök klasörüme gittim 1.Created the package.json file by npm init 2. install webpack by npm install -S webpack.now webpack has been downloaded to my modules folder 3. install webpack globally by typing npm install webpack -g 4. i am also having a webpack.config.js …

125 npm  webpack 

Şu komutu kullanarak boş bir React projesi oluşturdum: npx create-react-appnpm v7.0.7 ve Node v15.0.1'de Kurulmuş: React v17.0.1, düğüm sass v5.0.0, Sonra boş .scss dosyasını Uygulama bileşenine aktarmayı denedim: App.js import './App.scss' function App() { return ( <div className="App"> App </div> ); } export default App; Bir Hata Atın: Failed to …

124 reactjs  webpack  create-react-app  node-sass  sass-loader 

Görev koşucu ve paketleyici dünyasında biraz yeniyim ve şu gibi şeylerden geçerken Grunt, Gulp, Webpack, Browserify , Aralarında çok fazla fark olduğunu hissetmedim. Başka bir deyişle, Webpack'in bir görev koşucusunun yaptığı her şeyi yapabileceğini düşünüyorum. Ama yine de yudum ve web paketinin birlikte kullanıldığı çok büyük örneklerim var. Sebebini bulamadım. …

117 gruntjs  gulp  bundler  browserify  webpack 

React-router ile birlikte geliştirme aşamasında webpack-dev-server kullanan bir uygulama oluşturuyorum. Görünüşe göre webpack-dev-server, tek bir yerde (yani "/") genel bir giriş noktasına sahip olacağınız varsayımı etrafında inşa edilmiştir, oysa react-router sınırsız sayıda giriş noktası sağlar. Webpack-dev-server'ın faydalarını, özellikle üretkenlik için harika olan yeniden yükleme özelliğini istiyorum, ancak yine de react-router'da …

117 javascript  reactjs  webpack  react-router