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


4
Webpack-dev-server, uygulama sayfası yerine bir dizin listesi sunar
Yalnızca gerçek uygulamayı altında görebiliyorum /public. Yapılandırmalar webpack.config.jsaşağıdadır: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', 'babel-loader'], exclude: /node_modules/ } ] }, …

20
Geçersiz yapılandırma nesnesi. Web paketi, API şemasıyla eşleşmeyen bir yapılandırma nesnesi kullanılarak başlatıldı
Çevrimiçi bir kurstan oluşturulmuş bu basit helloworld tepki uygulamasına sahibim, ancak şu hatayı alıyorum: Geçersiz yapılandırma nesnesi. Web paketi, API şemasıyla eşleşmeyen bir yapılandırma nesnesi kullanılarak başlatıldı. - yapılandırma, bilinmeyen bir 'postcss' özelliğine sahip. Bu özellikler geçerlidir: nesne {amd ?, kefalet ?, önbellek ?, bağlam ?, bağımlılıklar ?, devServer ?, …

23
Web paketi: "Yalnızca kasada farklı olan adlara sahip birden fazla modül var" ancak başvurulan modüller aynıdır
Web paketi 3.8.1 kullanıyorum ve aşağıdaki yapı uyarısının birkaç örneğini alıyorum: WARNING in ./src/Components/NavBar/MainMenuItemMobile.js There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. Use equal casing. Compare these module identifiers: * /Users/path/to/babel-loader/lib/index.js!/Users/path/to/NavBar/MainMenuItemMobile.js Used by …

4
Chunk.entrypoints: Chunks.groupsIterable kullanın ve bunun yerine Entrypoint örneğine göre filtreleyin
Uygulamamı başlatmaya çalışırken aşağıdaki hataları görüyorum ... > css-modules@1.0.0 start /Users/johnnynolan/Repos/css-modules webpack && open index.html (node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead /Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802 throw new Error( ^ Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead at Chunk.get (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802:9) at /Users/johnnynolan/Repos/css-modules/node_modules/extract-text-webpack-plugin/dist/index.js:176:48 at Array.forEach (<anonymous>) at …

10
Ön ayar dosyalarının nesneleri dışa aktarmasına izin verilmez
Almak index.jsve oluşturmak istediğim bir atlıkarınca dosyam var block.build.js, bu yüzden benim webpack.config.js: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/, loader: 'babel-loader', exclude: /node_modules/, query: { presets: ['react', 'es2015'], plugins: …

9
Web paketi: sessiz çıktı
Webpack'e sadece "önemli bilgileri" terminale kaydetmesini söyleyen bir yapılandırma seçeneği olup olmadığını bilmek istiyorum. Hemen hemen sadece hatalar ve uyarılar, bunların hepsi değil: Çok fazla çıktı var! Yaygın şeyleri bastırmak ister ve yalnızca webpack'in uyarıları / hataları çıktısını alır. İçin bir çözüm ister misiniz webpack, webpack-dev-serverve karma-webpack. Not : Denedim …

6
ES6 modülleri uygulaması, json dosyası nasıl yüklenir
Https://github.com/moroshko/react-autosuggest adresinden bir örnek uyguluyorum Önemli kod şuna benzer: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj => suburbMatchRegex.test(suburbObj.suburb)) .sort((suburbObj1, suburbObj2) => suburbObj1.suburb.toLowerCase().indexOf(lowercasedInput) - suburbObj2.suburb.toLowerCase().indexOf(lowercasedInput) ) .slice(0, 7) .map(suburbObj => suburbObj.suburb); // 'suggestions' will be an array of …

7
Çakışma: Birden çok varlık aynı dosya adına yayılıyor
Ben her şeyi öğrenmek isteyen bir web paketi çaylakıyım. Web paketimi çalıştırırken bana şunu söyleyen bir çatışmayla karşılaştım: ERROR in chunk html [entry] app.js Conflict: Multiple assets emit to the same filename app.js Çatışmayı önlemek için ne yapmalıyım? Bu benim webpack.config.js'im: module.exports = { context: __dirname + "/app", entry: { …

5
Web paketini kullanan birden çok html dosyası
Mümkün olup olmadığından emin olmadığım bir projede bir şeyler yapmaya çalışıyorum, yanlış bir yoldayım veya bir şeyi yanlış anlıyorum. Web paketi kullanıyoruz ve fikir birden fazla html dosyası sunmaktır. localhost: 8181 -> index.html localhost: 8181 / example.html'yi sunar -> example.html'yi sunar Belgelere göre birden çok giriş noktası belirleyerek bunu yapmaya …

4
CSS / SCSS modülleri içe aktarılamıyor. TypeScript "Modül Bulunamıyor" diyor
Bir CSS modülünden bir temayı içe aktarmaya çalışıyorum ancak TypeScript bana "Modül Bulunamıyor" hatası veriyor ve tema çalışma zamanında uygulanmıyor. Webpack yapılandırmamda bir sorun olduğunu düşünüyorum, ancak sorunun nerede olduğundan emin değilim. Aşağıdaki araçları kullanıyorum: "typescript": "^2.0.3" "webpack": "2.1.0-beta.25" "webpack-dev-server": "^2.1.0-beta.9" "react": "^15.4.0-rc.4" "react-toolbox": "^1.2.3" "node-sass": "^3.10.1" "style-loader": "^0.13.1" "css-loader": …

6
Babel kullanıldıktan sonra IE'de 'sembol' tanımsız
reactjsES6 standartları kullanılarak yazılmış bir uygulamam var ve onu webpackoluşturmak için kullanıyorum. webpackYükleri jskullanarak modülleri babel-loader. Spesifik olmak gerekirse, aşağıdaki paket sürümlerini kullanıyorum: ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 Ancak, onu oluşturduktan sonra, IE 10 aşağıdaki hatayı veriyor 'Symbol' is undefined. 'Nin babeltanımlaması gerekmiyor Symbolmu? Çalışması için belirli …

3
Web paketi için yükleyici sırası nedir?
Bir dosyayla eşleşen birden fazla test içeren bir yükleyici yapılandırmam olduğunda, yalnızca ilk eşleşen yükleyicinin kullanılmasını beklerdim, ancak durum böyle görünmüyor. Kaynağı okumaya çalıştım ama yüklemeyi uyguladığını düşündüğüm biti bulduğumda bile nasıl davrandığını anlayamıyorum. Belgeler , bu durumun nasıl davranması gerektiğinden de bahsetmiyor.
87 webpack 

7
CSS ve JS'yi ayrı ayrı oluşturmak için web paketini kullanabilir miyim?
Sahibim: Paketlemek istediğim JS dosyaları. CSS'ye derlemek istediğim DAHA AZ dosya (@imports'u tek bir pakette çözümleme). Bunları iki ayrı girdi olarak belirtmeyi ve iki ayrı çıktıya sahip olmayı umuyordum (muhtemelen extract-text-webpack-eklentisi aracılığıyla). Webpack, derleme yapmak için tüm uygun eklentilere / yükleyicilere sahiptir, ancak ayrımı sevmiyor gibi görünüyor. require('./app.less');Webpack'e bu dosyaları …

5
HATA 'babel-core' modülü bulunamıyor. react.js, web paketi ve ekspres sunucu kullanarak
webpackTerminalde ne zaman koşsam şunu alırım: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' İşte benim olduğunu webpack.config.js dosyası module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: { loaders: [ { exclude: /(node_modules|app-server.js)/, loader: 'babel' } ] } …

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.