«webpack» etiketlenmiş sorular

Backbone.js ile Webpack kullanma fikrini araştırıyorum . Hızlı başlangıç ​​kılavuzunu takip ettim ve Webpack'in nasıl çalıştığına dair genel bir fikrim var, ancak jquery / omurga / alt çizgi gibi bağımlılık kitaplığının nasıl yükleneceği konusunda emin değilim. Harici olarak mı yüklenmeli <script>yoksa bu, Webpack'in RequireJS'in altlığı gibi işleyebileceği bir şey mi? …

84 backbone.js  requirejs  amd  webpack 

React bileşenlerimi oluşturmak için webpack kullanıyorum ve css'imi extract-text-webpack-pluginoluşturulan js dosyamdan ayırmak için kullanmaya çalışıyorum . Ben bileşeni oluşturmak için girişimi Ancak, aşağıdaki hatayı alıyorum: Module build failed: ReferenceError: window is not defined. Webpack.config.js dosyam şöyle görünüyor: var webpack = require('webpack'); var ExtractTextPlugin = require('extract-text-webpack-plugin'); module.exports = { entry: { …

83 reactjs  webpack 

CommonsChunkPluginTüm giriş noktalarına bakmanın, aralarında ortak paketler / bağımlılıklar olup olmadığını kontrol edip bunları kendi paketlerine ayırdığına dair genel bir fikir anlıyorum. Öyleyse, aşağıdaki yapılandırmaya sahip olduğumu varsayalım: ... enrty : { entry1 : 'entry1.js', //which has 'jquery' as a dependency entry2 : 'entry2.js', //which has 'jquery as a dependency …

82 javascript  webpack  bundle  webpack-plugin  commonschunkplugin 

Birlikte WebPack kullanıyorum HtmlWebpackPlugin, html-loaderve file-loader. İçinde çerçeve yok, sadece daktilo kullandığım basit bir proje yapım var. Böylece, HTML kodumu doğrudan yazıyorum index.html. Bu HTML dosyasını şablonum olarak da kullanıyorum HtmlWebpackPlugin. Tüm web sitelerinde olduğu gibi, öğeler klasörümdeki PNG'ye işaret eden bir resim koymam gerekiyor. file-loaderdosyayı doğru şekilde yüklemeli, yeni …

40 javascript  html  webpack 

typescript 3.7İsteğe Bağlı Zincirleme, Nullish Coalescing gibi özellikleri kullanmaya çalışıyorum. Ancak webpacktranspaling sırasında bana bir hata veriyor. app: Module parse failed: Unexpected token (50:40) app: File was processed with these loaders: app: * ../../../node_modules/ts-loader/index.js app: You may need an additional loader to handle the result of these loaders. app: | …

21 typescript  webpack  ts-loader 

Her biri bir dosyada bulunan kabaca 5 farklı ES6 sınıfından oluşan nispeten küçük bir NPM paketi inşa ettim, hepsi neredeyse şöyle görünüyor: export default class MyClass { // ... } Daha sonra paketim için aşağıdaki gibi bir giriş noktası ayarladım: export { default as MyClass } from './my-class.js'; export { …

16 javascript  webpack  babeljs  es6-modules 

Yaklaşık 2 yıl önce oluştur-tepki-uygulamasını kullanarak oluşturulmuş bir reaksiyon uygulamam var (uygulama A) ve çıkarıldı. Uygulama bir commonjs2 modülü olarak dışa aktarılır ve next.js projesinde (uygulama B) kullanılmak üzere bir NPM paketinde gönderilir. A uygulamasında kullandığımız bazı genel bileşenleri olan bazı paketleri güncelleyene kadar her şey sorunsuz gitti. B uygulamasında …

16 reactjs  npm  webpack  next.js 

Paylaşılabilir bir React bileşen kitaplığı oluşturuyorum. Kitaplık birçok bileşen içerir, ancak son kullanıcının sadece birkaçını kullanması gerekebilir. Kodu Webpack (veya Parsel veya Toplama) ile paketlediğinizde, tüm kodla birlikte tek bir dosya oluşturur . Performans nedenlerinden ötürü, gerçekte kullanılmadıkça tüm bu kodların tarayıcı tarafından indirilmesini istemiyorum. Bileşenleri bir araya getirmemem gerektiğini …

12 reactjs  npm  webpack  es6-modules  rollup 

ERROR in C:/phpStudy2018/PHPTutorial/WWW/Tms.Web/node_modules/@types/node/globals.d.ts(139,11): 139:11 Interface 'NodeRequire' cannot simultaneously extend types 'Require' and 'RequireFunction'. Named property 'cache' of types 'Require' and 'RequireFunction' are not identical. 137 | 138 | // For backwards compability > 139 | interface NodeRequire extends NodeJS.Require {} | ^ 140 | interface RequireResolve extends NodeJS.RequireResolve {} 141 …

12 typescript  vue.js  webpack 

Sorun arka plan: Bir sayfada matematik yapmak için katex kullanıyorum. Daha sonra o sayfanın bir kısmının PDF sürümünü oluşturmak istiyorum, bu yüzden tüm CSS'yi satır içine alan ve oluşturucuya ileten dışa aktarılacak parçayı içeren bir HTML belgesi oluşturuyorum. Oluşturucu düğüm kaynaklarına erişemiyor, bu yüzden her şey satır içi. Yazı tipleri …

10 javascript  css  webpack  data-uri 

Nextjs projemde, jsconfig.jsonmutlak ithalatları kolaylaştırmak için yolu çizdim { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["./*"] }, "target": "es6", "module": "commonjs", "experimentalDecorators": true } } İçe aktarma yollarım şöyle görünüyor import { VIEW } from '@/src/shared/constants'; Benim eslintrc.jsolarak belirtilen ayarları vardır module.exports = { ... , settings: { "import/resolver": …

9 javascript  webpack  babel  eslint 

Son zamanlarda bazı web sitesi optimizasyon çalışmaları üzerinde çalışıyorum ve bu gibi alma deyimi kullanarak web paketinde kod bölme kullanmaya başlıyorum: import(/* webpackChunkName: 'pageB-chunk' */ './pageB') Hangi doğru pageB-chunk.js oluşturmak , şimdi diyelim ki sayfa A bu yığın yığın önceden istiyorum , sayfa A bu ifadeyi ekleyerek bunu yapabilirsiniz: import(/* …

9 javascript  webpack  lazy-loading  prefetch 

Vue CLI 3 ve Vuetify 2.1'i yeni bir ish projesinde kullanıyorum ve son zamanlarda Vuetify'ın SASS değişkenlerini geçersiz kılmak için araştırdım . Sonunda çalışmaya başladıktan sonra, variables.scssoluşturduğum dosyayı her değiştirdiğimde ve proje yeniden derlediğinde, derlemeyi bitirmek 5 dakika kadar sürdüğünü fark ettim . Düğümün kullandığı belleği vurmak için package.json komut …

9 webpack  vuetify.js  vue-cli 

ASP.Net Core React + Redux kullanarak SPA web uygulaması geliştiriyorum. Net Core 3.0 güncellemesinden sonra UseWebpackDevMiddleware ve AddNodeServices'in eski olduğunu görüyorum. Yeni proje şablonu React + Redux öğreniyorum, ancak webpack veya SSR kullanmıyor. 1) .Net Core 3.0'da webpack ile çalışmanın örnek veya bilgilerini nerede bulabilirim? UseWebpackDevMiddleware ile HMR ve webpack …

9 webpack  server-side-rendering  .net-core-3.0  asp.net-core-3.0