Pertanyaan yang diberi tag «webpack»

React router memungkinkan aplikasi bereaksi untuk menangani /arbitrary/route. Agar ini berfungsi, saya perlu server saya untuk mengirim aplikasi Bereaksi pada rute yang cocok. Tetapi server dev webpack tidak menangani titik akhir yang sewenang-wenang. Ada solusi di sini menggunakan server ekspres tambahan. Cara mengizinkan webpack-dev-server untuk mengizinkan titik masuk dari react-router …

148 reactjs  ecmascript-6  webpack  react-router 

Saya menggunakan webpack untuk mengelola proyek reactjs . Saya ingin memuat gambar dalam javascript oleh webpack file-loader. Di bawah ini adalah webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; module.exports …

148 javascript  reactjs  webpack 

hasil kesalahan saya: Objek konfigurasi tidak valid. Webpack telah diinisialisasi menggunakan objek konfigurasi yang tidak cocok dengan skema API. - configuration.module memiliki properti 'loader' yang tidak dikenal. Properti-properti ini valid: objek {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, rules?, DefaultRules?, Tidak diketahuiContextCritical? ?, strictExportPresence ?, strictThisContextOnImports? } …

136 reactjs  webpack 

Saya bermain-main dengan Reactdan ES6menggunakan babeldan webpack. Saya ingin membangun beberapa komponen dalam file yang berbeda, mengimpor satu file dan menggabungkannyawebpack Katakanlah saya memiliki beberapa komponen seperti ini: 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> ... …

135 reactjs  ecmascript-6  webpack 

Saya memiliki beberapa masalah dengan gambar saya di proyek reaksi saya. Memang saya selalu berpikir bahwa path relatif ke atribut src dibangun pada arsitektur file Di sini arsitektur file saya: components file1.jsx file2.jsx file3.jsx container img js ... Namun saya menyadari bahwa path dibangun di atas url. Di salah satu …

135 javascript  reactjs  webpack 

Saya punya aplikasi sederhana, diinisialisasi oleh angular-cli. Ini menampilkan beberapa halaman relatif terhadap 3 rute. Saya memiliki 3 komponen. Pada salah satu halaman ini saya menggunakan lodashdan modul HTTP 2 Sudut untuk mendapatkan beberapa data (menggunakan RxJS Observable, mapdan subscribe). Saya menampilkan elemen-elemen ini menggunakan sederhana *ngFor. Tapi, meskipun faktanya …

135 angular  webpack  angular-cli 

Saya pemula untuk bereaksi, saya ingin memasukkan bootstrap di aplikasi reaksi saya Saya telah menginstal bootstrap oleh npm install bootstrap --save Sekarang, ingin memuat bootstrap css dan js di aplikasi reaksi saya. Saya menggunakan paket web. webpack.config.js var config = { entry: './src/index', output: { path: './', filename: 'index.js' }, …

135 twitter-bootstrap  reactjs  webpack 

UPDATE: Desember 2018 (lihat jawaban 'Aniket') Dengan Angular CLI 6 Anda harus menggunakan pembangun karena eject sudah usang dan akan segera dihapus di 8.0 UPDATE: Juni 2018: Angular 6 tidak mendukung eject ** UPDATE: Februari 2017: gunakan eject UPDATE: November 2016: angular-cli sekarang hanya menggunakan webpack. Anda hanya perlu menginstal …

132 angular  webpack  angular-cli 

Saya sudah mulai menggunakan webpack2 (tepatnya, v2.3.2) dan setelah membuat ulang konfigurasi saya, saya terus mengalami masalah yang sepertinya tidak bisa saya selesaikan (maaf sebelumnya untuk dump jelek): 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 …

131 npm  webpack  commonjs  webpack-2  package.json 

Saya baru mengenal webpack dan saya mengonversi aplikasi web yang ada untuk menggunakannya. Saya menggunakan webpack untuk bundel dan memperkecil JS saya yang bagus saat digunakan, namun ini membuatnya sangat sulit untuk di-debug saat sedang dalam pengembangan. Biasanya saya menggunakan debugger bawaan Chrome untuk men-debug masalah JS. (Atau Firebug di …

130 javascript  webpack 

Misalkan saya memiliki kelas seperti ini (ditulis dalam naskah) dan saya bundel dengan webpack bundle.js. export class EntryPoint { static run() { ... } } Dalam index.html saya, saya akan menyertakan bundel, tetapi kemudian saya juga ingin memanggil metode statis itu. <script src="build/bundle.js"></script> <script> window.onload = function() { EntryPoint.run(); } …

130 javascript  html  typescript  webpack 

Bagaimana cara saya mengkonfigurasi Angular dan VSCode agar breakpoint saya berfungsi?

127 angular  debugging  webpack  visual-studio-code 

Saya sedang mempelajari React.js dan saya menggunakan OS windows 8. Saya telah menavigasi ke folder root saya 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 …

125 npm  webpack 

Saya agak baru di dunia task runner dan bundler dan saat melalui hal-hal seperti Grunt, Gulp, Webpack, Browserify , Saya tidak merasa ada banyak perbedaan di antara mereka. Dengan kata lain, saya merasa Webpack dapat melakukan semua yang dilakukan oleh pelari tugas. Tapi tetap saja saya mendapat contoh besar di …

117 gruntjs  gulp  bundler  browserify  webpack 

Saya membuat aplikasi yang menggunakan webpack-dev-server dalam pengembangan bersama react-router. Tampaknya webpack-dev-server dibangun dengan asumsi bahwa Anda akan memiliki titik masuk publik di satu tempat (yaitu "/"), sedangkan react-router memungkinkan jumlah titik masuk yang tidak terbatas. Saya ingin manfaat dari webpack-dev-server, terutama fitur hot reload yang bagus untuk produktivitas, tetapi …

117 javascript  reactjs  webpack  react-router