Pertanyaan yang diberi tag «webpack»

Saya mencoba mengimpor komponen dari react-materialize sebagai - import {Navbar, NavItem} from 'react-materialize'; Tetapi ketika webpack mengkompilasi saya, .tsxitu membuat kesalahan di atas sebagai - ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration file for module 'react-materi alize'. 'D:\Private\Works\Typescript\QuickReact\node_modules\react-materialize\l ib\index.js' implicitly has an 'any' type. Resolusi apa …

100 reactjs  webpack  webpack-2 

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 cache disk (bundle.js dan image.jpg dari cache …

97 google-chrome  caching  webpack 

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{ font-family: 'Bungee Inline', cursive; } Namun, itu tidak berhasil. Bagaimana saya bisa mengatasi masalah ini?

97 reactjs  webpack  google-font-api 

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 mendapatkan kesalahan berikut: > webpack-dev-server -d --config webpack.dev.config.js --content-base public/ …

97 node.js  npm  webpack 

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 tidak dikecilkan yang terdiri dari beberapa lusin modul. Sebagian besar modul …

96 javascript  ruby-on-rails  google-chrome  webpack  source-maps 

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 memvisualisasikan build Anda dan juga memberikan beberapa petunjuk bagaimana ukuran build dan performa build dapat dioptimalkan . Anda dapat membuat file JSON yang diperlukan …

96 optimization  webpack 

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?

96 javascript  webpack  fsevents 

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 tidak ingin masuk secara manual dan memerlukan semua file saya. …

96 javascript  build  webpack 

Saya baru saja membuat merek baru angular-cliproyek dan menjalankan npm install bootstrap@4.0.0-beta jquery popper.js --save dan mengubah bagian terkait .angular-cli.json seperti di bawah ini "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], namun menerima kesalahan di bawah 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports …

95 twitter-bootstrap  angular  webpack  popper.js 

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 paket, alat untuk menggabungkan bagian-bagian berbeda dari aplikasi web dan memaketkannya kemudian menjadi satu file …

95 javascript  node.js  webpack  webpack-dev-server  webpack-dev-middleware 

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 webpack dari internet dan saya mengonfigurasi untuk aplikasi …

95 node.js  reactjs  npm  webpack  webpack-dev-server 

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 untuk melakukan ini. Pertama-tama untuk membuat konfigurasi runtime untuk …

95 javascript  build  conditional  require  webpack 

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 / favicon.ico Jadi di dalam webpack, bagaimana cara mengimpor dengan favicon.icobenar?

94 html  ecmascript-6  webpack  vue.js  favicon 

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 menggunakan: node: v9.5.0 npm: 5.6.0 nvm: 1.1.5 webpack: 3.11.0

94 node.js  npm  webpack  npx 

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', './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'], …

93 node.js  reactjs  webpack  reactjs-flux  webpack-dev-server