Programmazione webpack

3

HtmlWebpackPlugin inietta file di percorso relativo che si interrompono durante il caricamento di percorsi di siti Web non root

Sto usando webpack e HtmlWebpackPlugin per iniettare js e css in bundle in un file modello html. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), E produce il seguente file html. <!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> Funziona …

115 javascript express webpack react-router

6

Webpack 4 - Come configurare minimizzare?

Webpack 4 viene fornito con la seguente dichiarazione: webpack.optimize.UglifyJsPlugin è stato rimosso, utilizza invece config.optimization.minimize. Abbastanza giusto, ma non riesco a trovare alcuna informazione sulla configurazione dell'istanza di UglifyJsPlugin in esecuzione sotto il cofano, ad esempio per cambiare la directory della cache. Può essere fatto?

114 javascript webpack webpack-4

20

React-Native: Module AppRegistry non è un modulo richiamabile registrato

Attualmente sto cercando di ottenere il server webpack-nativo di reazione ES6 in esecuzione su un emulatore Android. La differenza è che ho aggiornato il mio package.jsone build.gradeper usare React 0.18.0e ricevo questo errore all'avvio. Per quanto ne so AppRegistryè importato correttamente. Anche se dovessi commentare il codice, questo errore viene …

114 android react-native webpack

5

Come accedere a webpack-dev-server dai dispositivi nella rete locale?

C'è un po 'di configurazione del server webpack dev (fa parte dell'intera configurazione): 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) { …

112 javascript node.js networking webpack web-development-server

7

Esponi jQuery a un vero oggetto Window con Webpack

Voglio esporre l'oggetto jQuery all'oggetto finestra globale accessibile all'interno della console per sviluppatori nel browser. Ora nella mia configurazione del webpack ho le seguenti righe: plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }) ] Queste righe aggiungono le definizioni jQuery a ogni file nei miei moduli webpack. Ma quando …

111 javascript jquery webpack

4

Notazione tra parentesi dell'oggetto Javascript ({Navigation} =) sul lato sinistro di assign

Non ho visto questa sintassi prima e mi chiedo di cosa si tratti. var { Navigation } = require('react-router'); Le parentesi a sinistra generano un errore di sintassi: gettone inaspettato { Non sono sicuro di quale parte della configurazione del webpack si stia trasformando o quale sia lo scopo della …

108 javascript webpack ecmascript-6

19

Rifiutato di caricare il carattere "data: font / woff ..." viola la seguente direttiva sui criteri di sicurezza dei contenuti: "default-src 'self'". Nota che "font-src"

La mia webApp di reazione fornisce questo errore nella console del 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. Anche: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because …

108 javascript reactjs webpack

2

Cosa fa questo comando "react-scripts eject"?

Cosa fa il npm run ejectcomando? Capisco cosa fanno gli altri comandi come start, build, test. Ma nessuna idea sull'espulsione.

108 reactjs webpack create-react-app react-scripts

6

webpack non riesce a trovare il modulo se il file denominato jsx

Mentre scrivo webpack.config.js in questo modo module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; E in index.jsximporto un reactmoduloApp import React from 'react'; import { render } from 'react-dom'; …

107 reactjs webpack webpack-dev-server

7

"Potrebbe essere necessario un caricatore appropriato per gestire questo tipo di file" con Webpack e Babel

Sto provando a utilizzare Webpack con Babel per compilare risorse ES6, ma ricevo il seguente messaggio di errore: You may need an appropriate loader to handle this file type. | import React from 'react'; | /* | import { render } from 'react-dom' Ecco come appare la mia configurazione Webpack: …

106 javascript webpack babeljs es6-module-loader

4

Caricatori di webpack vs plugin; qual è la differenza?

Qual è la differenza tra caricatori e plugin in webpack? La documentazione per i plugin dice semplicemente: Usa i plugin per aggiungere funzionalità tipicamente correlate ai bundle nel webpack. So che babel utilizza un caricatore per le trasformazioni jsx / es2015, ma sembra che altre attività comuni (copy-webpack-plugin, ad esempio) …

104 javascript reactjs webpack

21

Oggetto di configurazione non valido. Webpack è stato inizializzato utilizzando un oggetto di configurazione che non corrisponde allo schema API

Ho questa semplice app helloworld react creata da un corso online, tuttavia ricevo questo errore: Oggetto di configurazione non valido. Webpack è stato inizializzato utilizzando un oggetto di configurazione che non corrisponde allo schema API. - la configurazione ha una proprietà sconosciuta "postcss". Queste proprietà sono valide: oggetto {amd ?, …

103 reactjs typescript webpack

5

Webpack babel 6 decoratori ES6

Ho un progetto scritto in ES6 con webpack come bundler. La maggior parte del transpiling funziona bene, ma quando provo a includere decoratori ovunque, ottengo questo errore: Decorators are not supported yet in 6.x pending proposal update. Ho esaminato il tracker dei problemi di babel e non sono stato in …

101 javascript webpack ecmascript-6 babeljs decorator

4

Come memorizzare il file di configurazione e leggerlo usando React

Sono nuovo su react.js, ho implementato un componente in cui sto recuperando i dati dal server e lo uso come, 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' …

101 javascript reactjs configuration webpack flux

5

Importa dinamicamente le immagini da una directory utilizzando webpack

Quindi ecco il mio attuale flusso di lavoro per importare immagini e icone nel webpack tramite 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} /> Questo diventa disordinato velocemente. Ecco cosa voglio: import * from './images' <img src={doggy} /> …

100 reactjs webpack ecmascript-6

Domande taggate «webpack»