«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.

19
"ClassProperties" deneysel sözdizimi desteği şu anda etkin değil
Django projesinde React'i kurarken bu hatayla karşılaştım Modül derlemesindeki ModuleBuildError başarısız oldu (./node_modules/babel-loader/lib/index.js'den): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js: Deneysel sözdizimi 'classProperties için destek şu anda etkin değil (17: 9): 15 | 16 | class BodyPartWrapper extends Component { > …
3
HtmlWebpackPlugin, kök olmayan web sitesi yollarını yüklerken kopan göreceli yol dosyalarını enjekte eder
Paketlenmiş js ve css'yi bir html şablon dosyasına enjekte etmek için webpack ve HtmlWebpackPlugin kullanıyorum. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), Ve aşağıdaki html dosyasını üretir. <!doctype html> <html lang="en"> <head> ... <link href="main-295c5189923694ec44ac.min.css" rel="stylesheet"> </head> <body> <div id="app"></div> <script src="main-295c5189923694ec44ac.min.js"></script> </body> </html> Bu, uygulamanın kökünü ziyaret …
20
React-Native: Modül AppRegistry kayıtlı bir çağrılabilir modül değil
Şu anda bir Android öykünücüsü üzerinde çalışan ES6 react-native-webpack-server'ı almaya çalışıyorum. Aradaki fark, react'i yükseltmek package.jsonve build.gradekullanmak 0.18.0için bu hatayı önyüklemede alıyorum. Bildiğim kadarıyla AppRegistrydoğru ithal ediliyor. Kodu yorumlasam bile bu hata yine de ortaya çıkıyor. Bu, iOS'ta sorunsuz çalışır. Neyi yanlış yapıyorum? DÜZENLEME: 0.18.0'ı destekleyen diğer kazan plakalarını denedikten …
6
Webpack 4 - Simge durumuna küçültme nasıl yapılandırılır?
Webpack 4 aşağıdaki ifadeyle birlikte gelir: webpack.optimize.UglifyJsPlugin kaldırıldı, bunun yerine lütfen config.optimization.minimize kullanın. Yeterince adil, ancak başlık altında çalışan UglifyJsPlugin örneğini yapılandırma hakkında herhangi bir bilgi bulamıyorum, örneğin önbellek dizinini değiştirmek için. Bu yapılabilir mi?
5
Yerel ağdaki cihazlardan webpack-dev-server'a nasıl erişilir?
Bazı web paketi geliştirici sunucu yapılandırması var (tüm yapılandırmanın bir parçası): config.devServer = { contentBase: './' + (options.publicFolder ? options.publicFolder : 'public'), stats: { modules: false, cached: false, colors: true, chunk: false }, proxy: [{ path: /^\/api\/(.*)/, target: options.proxyApiTarget, rewrite: rewriteUrl('/$1'), changeOrigin: true }] }; function rewriteUrl(replacePath) { return function …
7
JQuery'yi Webpack ile gerçek Pencere nesnesine maruz bırakın
JQuery nesnesini, tarayıcıdaki geliştirici konsolundan erişilebilen genel pencere nesnesine göstermek istiyorum. Şimdi web paketi yapılandırmamda aşağıdaki satırlar var: plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }) ] Bu satırlar jQuery tanımlarını web paketi modüllerimdeki her dosyaya ekler. Ancak projeyi oluşturduğumda ve geliştirici konsolunda jQuery'ye şu şekilde erişmeye çalıştığımda: window.$; …
4
Yapılandırma dosyası nasıl saklanır ve React kullanılarak nasıl okunur
React.js'de yeniyim, veriyi sunucudan aldığım ve şu şekilde kullandığım bir bileşen uyguladım: CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, // error: 'There was a problem getting the enterprises' //}); }); }, URL'yi yapılandırma dosyasında saklamak istiyorum, …
19
Yazı tipini yüklemeyi reddetti: 'data: font / woff…' aşağıdaki İçerik Güvenlik Politikası direktifini ihlal ediyor: “default-src 'self'”. 'Font-src'nin
React webApp'ım bu Hatayı Tarayıcı Konsolunda veriyor Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. Ayrıca: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it violates the following Content …
2
Vue CLI CSS ön işlemci seçeneği: dart-sass VS düğüm-sass?
CLI (v3.7.0) ile yeni bir proje oluştururken, dart-sassveya node-sassderleyici arasında seçim yapma seçeneği vardır . Vue belgelerinde belirtilenden daha spesifik olmak üzere bunlar birbirleriyle nasıl karşılaştırılır ? Sass Performansı Üzerine Bir İpucu Dart Sass kullanılırken, zaman uyumsuz geri aramaların ek yükü nedeniyle senkronize derlemenin varsayılan olarak eşzamansız derlemeden iki kat …
7
Webpack ve Babel ile "Bu dosya türünü işlemek için uygun bir yükleyiciye ihtiyacınız olabilir"
ES6 varlıklarını derlemek için Babel ile Webpack kullanmaya çalışıyorum, ancak aşağıdaki hata mesajını alıyorum: You may need an appropriate loader to handle this file type. | import React from 'react'; | /* | import { render } from 'react-dom' Webpack yapılandırmam şöyle görünüyor: var path = require('path'); var webpack = …
6
jsx adlı dosya varsa webpack modülü bulamıyor
Webpack.config.js'yi şöyle yazarken module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; Ve index.jsxbir reactmodülü içe aktarıyorumApp import React from 'react'; import { render } from 'react-dom'; import App from …
12
React.js'de Google yazı tipleri nasıl kullanılır?
React.js ve web paketi ile bir web sitesi kurmuştum . Web sayfasında Google yazı tiplerini kullanmak istiyorum , bu yüzden bağlantıyı bölüme koyuyorum. Google Yazı Tipleri <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> Ve CSS'yi ayarlayın body{ font-family: 'Bungee Inline', cursive; } Ancak çalışmıyor. Bu sorunu nasıl çözebilirim?
4
Web paketi yükleyicileri ve eklentiler; fark ne?
Web paketindeki yükleyiciler ve eklentiler arasındaki fark nedir? Eklentileri için dokümantasyon sadece diyor ki: Genellikle web paketindeki paketlerle ilgili işlevsellik eklemek için eklentileri kullanın. Babel'in jsx / es2015 dönüşümleri için bir yükleyici kullandığını biliyorum, ancak diğer ortak görevler (örneğin, kopya-web paketi-eklentisi) bunun yerine eklentileri kullanıyor gibi görünüyor.
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.