Programmazione webpack

11

Webpack - webpack-dev-server: comando non trovato

Sto lavorando su una webapp React usando webpack, liberamente insieme a questo tutorial . Per sbaglio, ho aggiunto la cartella node_modules al mio git. Quindi l'ho rimosso di nuovo usando git rm -f node_modules/*. Ora, quando provo ad avviare il server webpack, ottengo il seguente errore: > webpack-dev-server -d --config …

97 node.js npm webpack

1

Sourcemaps off di una riga in Chrome, con Ruby on Rails, Webpack e React JS

Ho un problema in cui le mappe di origine generate da Webpack utilizzando l' inline-source-mapimpostazione di configurazione sono disattivate di una riga quando utilizzo il debugger di Chrome devtools. Webpack è impostato all'interno di un'applicazione Ruby on Rails per generare un file JavaScript concatenato e non minimizzato composto da un …

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

2

Come ottimizzare il tempo di compilazione del webpack utilizzando lo strumento prefetchPlugin e analizza?

Ricerca precedente: Come dice il wiki di webpack, è possibile utilizzare lo strumento di analisi per ottimizzare le prestazioni di compilazione: da: https://github.com/webpack/docs/wiki/build-performance#hints-from-build-stats Suggerimenti dalle statistiche di costruzione C'è uno strumento di analisi che visualizza la tua build e fornisce anche qualche suggerimento su come ottimizzare le dimensioni e le …

96 optimization webpack

2

Cache di memoria di Chrome vs cache del disco

Sono interessato alla cache di memoria di Chrome e alla cache del disco? Uso webpack, plugin per blocchi comuni e generano tutti i miei file con chunkhash. In che modo la memoria differisce dalla cache del disco. Quando ricarico la mia pagina, alcuni file vengono caricati dalla cache di memoria …

96 google-chrome caching webpack

11

Come utilizzare i caratteri di Google in React.js?

Avevo creato un sito web con React.js e webpack . Voglio usare i caratteri di Google nella pagina web, quindi inserisco il link nella sezione. Google Fonts <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> E imposta CSS body{ font-family: 'Bungee Inline', cursive; } Comunque, non funziona. Come posso risolvere questo problema?

96 reactjs webpack google-font-api

5

La dipendenza Bootstrap4 PopperJs genera un errore su Angular

Ne ho appena creato uno nuovo di zecca angular-cliprogetto ed eseguito npm install bootstrap@4.0.0-beta jquery popper.js --save e modificato le parti correlate di .angular-cli.json come di seguito "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" ], tuttavia ricevendo l'errore di seguito 10:2287 Uncaught SyntaxError: Unexpected token export at eval …

95 twitter-bootstrap angular webpack popper.js

30

webpack --watch non sta compilando i file modificati

Ho provato a correre webpack --watche dopo aver modificato i miei file JS, non si attiva una ricompilazione automatica. Ho provato a reinstallare webpackutilizzando npm uninstallma non funziona ancora. Qualche idea?

95 javascript webpack fsevents

6

Come caricare tutti i file in una directory usando webpack senza istruzioni require

Ho una grande quantità di file javascript suddivisi in 4 sottodirectory nella mia app. In grugnito li prendo tutti e li compilo in un unico file. Questi file non hanno una funzione module.exports. Voglio usare webpack e dividerlo in 4 parti. Non voglio entrare manualmente e richiedere tutti i miei …

95 javascript build webpack

8

Webpack come costruire codice di produzione e come usarlo

Sono molto nuovo nel webpack, ho scoperto che nella build di produzione possiamo ridurre le dimensioni del codice complessivo. Attualmente webpack costruisce circa 8 MB di file e main.js circa 5 MB. Come ridurre le dimensioni del codice nella build di produzione? Ho trovato un file di configurazione del pacchetto …

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

2

Webpack vs webpack-dev-server vs webpack-dev-middleware vs webpack-hot-middleware vs ecc

Sto iniziando a lavorare con webpackun node/expressambiente che sviluppa ReactJSun'applicazione renderizzata lato server con react-router. Sono molto confuso sul ruolo di ogni pacchetto webpack per gli ambienti dev e prod (runtime). Ecco il riassunto della mia comprensione: webpack: È un pacchetto, uno strumento per unire diversi pezzi di un'applicazione web …

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

8

comando npx non trovato

Sto lavorando con webpack e devo eseguire ./node_modules/webpack/bin/webpack.jsusando npx. eseguirò npx webpackwebpack binary ( ./node_modules/webpack/bin/webpack), ma ogni volta che eseguo npx webpack ottengo bash: npx: command not found. Sto usando: nodo: v9.5.0 npm: 5.6.0 nvm: 1.1.5 webpack: 3.11.0

94 node.js npm webpack npx

9

Build condizionale basata sull'ambiente che utilizza Webpack

Ho alcune cose per lo sviluppo, ad esempio mock con cui vorrei non gonfiare il mio file di build distribuito. In RequireJS puoi passare una configurazione in un file plugin e richiedere condizionalmente le cose in base a quello. Per webpack non sembra esserci un modo per farlo. In primo …

93 javascript build conditional require webpack

4

Webpack-dev-server serve un elenco di directory invece della pagina dell'app

Posso solo vedere l'app reale sotto /public. Le configurazioni in webpack.config.jssono di seguito: 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'], …

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

3

Come impostare correttamente favicon.ico sul progetto webpack vue.js?

Ho creato un vue webpackprogetto usando vue-cli. vue init webpack myproject E poi ha eseguito il progetto in devmodalità: npm run dev Ho ricevuto questo errore: Impossibile caricare la risorsa: il server ha risposto con uno stato di 404 (non trovato) http: // localhost: 8080 / favicon.ico Quindi all'interno del …

91 html ecmascript-6 webpack vue.js favicon

1

Cosa fa una tilde `~` in un CSS ʻurl () `?

Per esempio @import url("~./foobar"); L'ho visto qui , non sono sicuro se sia qualcosa di specifico del pacchetto o se sia la sintassi CSS effettiva.

91 css webpack webpack-style-loader

Domande taggate «webpack»