Articles of webpack

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

Sto cercando di utilizzare Webpack con Babel per compilare le 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 di Webpack: var path = […]

Esporre jQuery all’object Window reale con Webpack

Non voglio esporre l’object jQuery all’object della finestra globale accessibile nella console degli sviluppatori nel browser. Ora nella mia configurazione del webpack ho le seguenti linee: plugins: [ new webpack.ProvidePlugin({ $: ‘jquery’, jQuery: ‘jquery’ }) ] Queste linee aggiungono le definizioni jQuery a ciascun file nei miei moduli webpack. Ma quando costruisco il progetto e […]

Definisci la variabile globale con il webpack

È ansible definire una variabile globale con webpack per ottenere qualcosa del genere: var myvar = {}; Tutti gli esempi che ho visto utilizzavano il file esterno require(“imports?$=jquery!./file.js”)

Come raggruppare un’app Angolare per la produzione

Vorrei tenere traccia e aggiornare in questo thread il metodo migliore (e spero il più semplice) per raggruppare Angular (versione 2, 4, …) per la produzione su un server web live. Si prega di includere la versione angular all’interno delle risposte in modo da poter monitorare meglio quando si passa alle versioni successive.

React-router con BrowserRouter / browserHistory non funziona all’aggiornamento

Ho il seguente file di configurazione del webpack: var webpack = require(‘webpack’); var path = require(‘path’); var BUILD_DIR = path.resolve(__dirname, ‘src/client/public’); var APP_DIR = path.resolve(__dirname, ‘src/client/app’); var config = { entry: [ APP_DIR + ‘/config/routes.jsx’, ‘webpack/hot/dev-server’, ‘webpack-dev-server/client?http://localhost:8080’ ], output: { publicPath: ‘http://localhost:8080/src/client/public/’ }, module : { loaders : [ { test: /\.jsx?$/, loader: ‘babel-loader’, include: […]

Gestione della dipendenza del plugin jQuery nel webpack

Sto usando Webpack nella mia applicazione, in cui creo due punti di accesso: bundle.js per tutti i miei file / codici JavaScript e vendors.js per tutte le librerie come jQuery e React. Cosa faccio per usare plugin che hanno jQuery come dipendenze e voglio averli anche in vendors.js? Cosa succede se questi plugin hanno più […]

Notazione parentesi object Javascript ({Navigazione} =) sul lato sinistro dell’assegnazione

Non ho ancora visto questa syntax e mi sto chiedendo di cosa si tratta. var { Navigation } = require(‘react-router’); Le parentesi a sinistra lanciano un errore di syntax: gettone inaspettato { Non sono sicuro di quale parte della configurazione del pacchetto Web stia trasformando o quale sia lo scopo della syntax. È una cosa […]