Saya telah membangun situs web dengan React.js dan webpack . Saya ingin menggunakan font Google di halaman web, jadi saya meletakkan link di bagian tersebut. Google Fonts <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> Dan atur CSS body{...
Saya tertarik dengan cache memori chrome vs cache disk? Saya menggunakan webpack, plugin potongan umum dan menghasilkan semua file saya dengan chunkhash. Bagaimana memori berbeda dari cache disk. Ketika saya memuat ulang halaman saya, beberapa file dimuat dari cache memori dan beberapa dari...
Saya sedang mengerjakan aplikasi web React menggunakan webpack, bersama dengan tutorial ini . Secara tidak sengaja, saya menambahkan folder node_modules ke git saya. Saya kemudian menghapusnya lagi menggunakangit rm -f node_modules/* . Sekarang, ketika saya mencoba memulai server webpack, saya...
Saya memiliki sejumlah besar file javascript yang dibagi menjadi 4 subdirektori di aplikasi saya. Dengan mendengus saya mengambil semuanya dan mengkompilasinya menjadi satu file. File-file ini tidak memiliki fungsi module.exports. Saya ingin menggunakan webpack dan membaginya menjadi 4 bagian....
Saya mencoba menjalankan webpack --watchdan setelah mengedit file JS saya, itu tidak memicu kompilasi ulang otomatis. Saya sudah mencoba menginstal ulang webpackmenggunakan npm uninstalltetapi masih tidak berfungsi. Ada ide?
Saya mengalami masalah di mana peta sumber yang dibuat oleh Webpack menggunakan inline-source-mappengaturan konfigurasi tidak aktif satu baris saat saya menggunakan debugger Chrome devtools. Webpack diatur di dalam aplikasi Ruby on Rails untuk menghasilkan file JavaScript yang digabungkan dan...
Penelitian sebelumnya: Seperti yang dikatakan wiki webpack, Anda dapat menggunakan alat analisis untuk mengoptimalkan kinerja build: dari: https://github.com/webpack/docs/wiki/build-performance#hints-from-build-stats Petunjuk dari statistik build Ada alat analisis yang
Aku mulai bekerja dengan webpackdengan node/expresslingkungan pengembangan ReactJSaplikasi sisi server diberikan dengan react-router. Saya menjadi sangat bingung tentang peran setiap paket webpack untuk lingkungan dev dan prod (runtime). Berikut ringkasan pemahaman saya: webpack: Adalah sebuah...
Saya baru saja membuat merek baru angular-cliproyek dan menjalankan npm install [email protected] jquery popper.js --save dan mengubah bagian terkait .angular-cli.json seperti di bawah ini "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [
Saya memiliki beberapa hal untuk pengembangan - mis. Ejekan yang saya ingin agar file build terdistribusi saya tidak membengkak. Di RequireJS Anda dapat meneruskan konfigurasi dalam file plugin dan secara kondisional memerlukan hal-hal berdasarkan itu. Untuk webpack sepertinya tidak ada cara...
Saya sangat baru mengenal webpack, saya menemukan bahwa dalam produksi build kami dapat mengurangi ukuran kode secara keseluruhan. Saat ini webpack membuat sekitar 8MB file dan main.js sekitar 5MB. Bagaimana cara mengurangi ukuran kode dalam produksi build? Saya menemukan contoh file konfigurasi...
Saya telah membuat vue webpackproyek menggunakan vue-cli. vue init webpack myproject Dan kemudian menjalankan proyek dalam devmode: npm run dev Saya mendapat kesalahan ini: Gagal memuat sumber daya: server menanggapi dengan status 404 (Tidak Ditemukan) http: // localhost: 8080 /...
Saya bekerja dengan webpack dan saya perlu mengeksekusi ./node_modules/webpack/bin/webpack.jsmenggunakan npx. npx webpackakan menjalankan webpack binary ( ./node_modules/webpack/bin/webpack), tetapi setiap kali saya menjalankan webpack npx saya dapatkan bash: npx: command not found. Saya...
Saya hanya dapat melihat aplikasi sebenarnya di bawah /public. Konfigurasi di webpack.config.jsbawah ini: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server',...
Misalnya @import url("~./foobar"); Melihatnya di sini , tidak yakin apakah itu hal khusus paket atau apakah itu sintaks CSS sebenarnya.
Saya memiliki aplikasi reaksi helloworld sederhana ini yang dibuat dari kursus online, namun saya mendapatkan kesalahan ini: Objek konfigurasi tidak valid. Webpack telah diinisialisasi menggunakan objek konfigurasi yang tidak cocok dengan skema API. - konfigurasi memiliki properti 'postcss'...
Saya memiliki file carousel yang ingin saya dapatkan index.jsdan buat block.build.js, jadi milik saya webpack.config.jsadalah: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [...
Saya melihat kesalahan berikut saat mencoba memulai aplikasi saya ... > [email protected] start /Users/johnnynolan/Repos/css-modules webpack && buka index.html (node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks`
Saya seorang pemula webpack yang ingin mempelajari semua tentang itu. Saya menemukan konflik saat menjalankan webpack saya yang memberi tahu saya: ERROR in chunk html [entry] app.js Conflict: Multiple assets emit to the same filename app.js Apa yang harus saya lakukan untuk menghindari...
Saya menerapkan contoh dari https://github.com/moroshko/react-autosuggest Kode penting seperti ini: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj =>...