Pertanyaan yang diberi tag «webpack»

Webpack adalah bundler modul JavaScript. Webpack mengambil modul dengan dependensi dan menghasilkan aset statis yang mewakili modul tersebut. Fitur utama Webpack berakar pada ekstensibilitas dan memungkinkan pengembang untuk menggunakan praktik terbaik dalam Arsitektur Web dan Kinerja Web.

3
HtmlWebpackPlugin memasukkan file jalur relatif yang rusak saat memuat jalur situs web non-root
Saya menggunakan webpack dan HtmlWebpackPlugin untuk memasukkan js dan css yang dibundel ke dalam file template html. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), Dan itu menghasilkan file html berikut. <!doctype html> <html lang="en"> <head> ... <link href="main-295c5189923694ec44ac.min.css" rel="stylesheet"> </head> <body> <div id="app"></div> <script src="main-295c5189923694ec44ac.min.js"></script> </body> </html> Ini …
20
React-Native: Module AppRegistry bukanlah modul yang dapat dipanggil terdaftar
Saat ini saya mencoba untuk menjalankan ES6 react-native-webpack-server pada emulator Android. Perbedaannya adalah saya telah mengupgrade saya package.jsondan build.grademenggunakan react 0.18.0, dan saya mendapatkan kesalahan ini saat boot. Sejauh yang saya tahu AppRegistrydiimpor dengan benar. Bahkan jika saya mengomentari kode kesalahan ini masih muncul. Ini berfungsi di iOS tanpa masalah. …
6
Webpack 4 - Bagaimana cara mengkonfigurasi meminimalkan?
Webpack 4 hadir dengan pernyataan berikut: webpack.optimize.UglifyJsPlugin telah dihapus, gunakan config.optimization.minimize sebagai gantinya. Cukup adil, tetapi saya tidak dapat menemukan informasi apa pun tentang konfigurasi instance UglifyJsPlugin yang berjalan di bawah kap, misalnya untuk mengubah direktori cache. Bisakah ini dilakukan?
5
Bagaimana cara mendapatkan akses ke webpack-dev-server dari perangkat di jaringan lokal?
Ada beberapa konfigurasi server dev webpack (itu bagian dari konfigurasi keseluruhan): config.devServer = { contentBase: './' + (options.publicFolder ? options.publicFolder : 'public'), stats: { modules: false, cached: false, colors: true, chunk: false }, proxy: [{ path: /^\/api\/(.*)/, target: options.proxyApiTarget, rewrite: rewriteUrl('/$1'), changeOrigin: true }] }; function rewriteUrl(replacePath) { return function …
7
Ekspos jQuery ke objek Window nyata dengan Webpack
Saya ingin mengekspos objek jQuery ke objek jendela global yang dapat diakses di dalam konsol pengembang di browser. Sekarang di konfigurasi webpack saya, saya memiliki baris berikut: plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }) ] Baris-baris ini menambahkan definisi jQuery ke setiap file di modul webpack saya. Tetapi …
19
Menolak untuk memuat font 'data: font / woff…' itu melanggar petunjuk Kebijakan Keamanan Konten berikut: "default-src 'self'". Perhatikan bahwa 'font-src'
WebApp bereaksi saya memberikan Kesalahan ini di Konsol Browser Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. Juga: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it violates the …
6
webpack tidak dapat menemukan modul jika file bernama jsx
Saat saya menulis webpack.config.js seperti ini module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; Dan index.jsxsaya mengimpor reactmodulApp import React from 'react'; import { render } from 'react-dom'; import …
4
Pemuat webpack vs plugin; apa bedanya?
Apa perbedaan antara loader dan plugin di webpack? The dokumentasi untuk plugin hanya mengatakan: Gunakan plugin untuk menambahkan fungsionalitas yang biasanya terkait dengan bundel di webpack. Saya tahu bahwa babel menggunakan loader untuk transformasi jsx / es2015, tetapi sepertinya tugas umum lainnya (copy-webpack-plugin, misalnya) menggunakan plugin sebagai gantinya.
4
Bagaimana cara menyimpan file Konfigurasi dan membacanya menggunakan React
Saya baru di react.js Saya telah menerapkan satu komponen di mana saya mengambil data dari server dan menggunakannya seperti, CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, // error: 'There was a problem getting the enterprises' //}); …
5
Impor gambar secara dinamis dari direktori menggunakan webpack
Jadi, inilah alur kerja saya saat ini untuk mengimpor gambar dan ikon di webpack melalui ES6: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> Ini menjadi cepat berantakan. Inilah yang saya inginkan: import * from './images' <img src={doggy} /> …
5
Webpack babel 6 dekorator ES6
Saya punya proyek yang ditulis dalam ES6 dengan webpack sebagai bundler saya. Sebagian besar transpiling berfungsi dengan baik, tetapi ketika saya mencoba menyertakan dekorator di mana saja, saya mendapatkan kesalahan ini: Decorators are not supported yet in 6.x pending proposal update. Saya telah memeriksa pelacak masalah babel, dan belum dapat …
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.