Articles of webpack

implementazione di moduli es6, come caricare un file json

Sto implementando un esempio da https://github.com/moroshko/react-autosuggest Il codice importante è come questo: import React, { Component } from ‘react’; import suburbs from ‘json!../suburbs.json’; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj => suburbMatchRegex.test(suburbObj.suburb)) .sort((suburbObj1, suburbObj2) => suburbObj1.suburb.toLowerCase().indexOf(lowercasedInput) – suburbObj2.suburb.toLowerCase().indexOf(lowercasedInput) ) .slice(0, 7) .map(suburbObj => suburbObj.suburb); // ‘suggestions’ will be an array of strings, eg: […]

Webpack ProvidePlugin vs esterni?

Sto esplorando l’idea di usare Webpack con Backbone.js . Ho seguito la guida rapida e ho un’idea generale di come funziona Webpack, ma non sono chiaro su come caricare la libreria delle dipendenze come jquery / backbone / underscore. Dovrebbero essere caricati esternamente con o è qualcosa che Webpack può gestire come lo shim di […]

Come caricare i file di immagine con il caricatore di file webpack

Sto usando webpack per gestire un progetto reactjs . Voglio caricare le immagini in javascript da webpack file-loader . Di seguito è il webpack.config.js : const webpack = require(‘webpack’); const path = require(‘path’); const NpmInstallPlugin = require(‘npm-install-webpack-plugin’); const PATHS = { react: path.join(__dirname, ‘node_modules/react/dist/react.min.js’), app: path.join(__dirname, ‘src’), build: path.join(__dirname, ‘./dist’) }; module.exports = { entry: […]

Carica i nuovi moduli in modo dinamico in fase di esecuzione con Angular CLI e Angular 5

Attualmente sto lavorando a un progetto che è ospitato su un server client. Per i nuovi ‘moduli’ non è prevista la ricompilazione dell’intera applicazione. Detto questo, il client desidera aggiornare i moduli router / lazy-load in runtime . Ho provato diverse cose ma non riesco a farlo funzionare. Mi stavo chiedendo se qualcuno di voi […]

jquery-ui e webpack, come gestirlo nel modulo?

qualche idea su come affrontarlo? Voglio dire jquery-ui sembra non essere amd e non so come gestirlo, qualche idea?

Come posso usare ES6 in webpack.config.js?

Come usare ES6 in webpack.config? Come questo repo https://github.com/kriasoft/react-starter-kit fa? Per esempio: usando questo import webpack from ‘webpack’; invece di var webpack = require(‘webpack’); È piuttosto una curiosità piuttosto che un bisogno.

Angolare 2: comunicazione delle funzioni typescript con librerie js esterne

Utilizzo di JavaScript Infovis Toolkit come libreria esterna per disegnare grafici e alberi. Devo modificare il metodo onClick dei nodes per inviare in modo asincrono una richiesta HTTP GET al server e assegnare i dati che provengono dal server alle proprietà e alle variabili di una class di servizio Angular. Usando il webpack per imballare […]

Percorso corretto per img su React.js

Ho qualche problema con le mie immagini sul mio progetto di reazione. In effetti ho sempre pensato che il percorso relativo nell’attributo src fosse costruito sull’architettura dei file Ecco la mia architettura di file: components file1.jsx file2.jsx file3.jsx conainter img js … Tuttavia ho capito che il percorso è stato costruito sull’URL. In uno dei […]

Importazione ES6 utilizzando a (‘@’) accedi percorso in un progetto vue.js utilizzando Webpack

Sto iniziando un nuovo progetto vue.js quindi ho usato lo strumento vue-cli per impalcare un nuovo progetto webpack (cioè vue init webpack ). Mentre stavo camminando tra i file generati ho notato le seguenti importazioni nel file src/router/index.js : import Vue from ‘vue’ import Router from ‘vue-router’ import Hello from ‘@/components/Hello’ // <- this one […]

Come impedire a moment.js di caricare locales con webpack?

Ciao c’è comunque puoi fermare moment.js dal caricare tutte le localizzazioni (ho solo bisogno di inglese) quando usi il webpack? Sto osservando la sorgente sembra che se hasModule è definito quale è per il webpack allora prova sempre a richiedere () ogni locale. Sono abbastanza sicuro che questo richiede una richiesta di pull da risolvere. […]