Articles of webpack

Quali sono le differenze tra SystemJS e Webpack?

Sto creando la mia prima applicazione Angolare e vorrei capire qual è il ruolo dei caricatori di moduli. Perché ne abbiamo bisogno? Ho provato a cercare e cercare su Google e non riesco a capire perché è necessario installarne uno per eseguire la nostra applicazione? Non potrebbe essere sufficiente usare l’ import per caricare materiale […]

Angular2: importa il file js esterno nel componente

Importerà questo file d3gauge.js in uno dei miei componenti memmon.component.ts , memmon.component.ts . import ‘../../../../js/d3gauge.js’; export class MemMonComponent { createMemGauge() { new drawGauge(this.opt); //drawGauge() is a function inside d3gauge.js } } e nel file modello corrispondente, aggiungere Ma non funziona, drawGauge non può essere trovato. Così, quali sono i passaggi corretti per importare un file […]

Fascio di venditori enormi di Angular2 CLI: come migliorare le dimensioni per prod?

Ho una semplice app, inizializzata da angular-cli . Mostra alcune pagine relative a 3 percorsi. Ho 3 componenti. In una di queste pagine uso i moduli lodash e Http di Angular2 per ottenere alcuni dati (usando Rxjs Observables, map e subscribe). Visualizzo questi elementi usando un semplice ngFor. Ma, nonostante il fatto che la mia […]

Come creare più percorsi di output nella configurazione di Webpack

Qualcuno sa come creare più percorsi di output in un file webpack.config.js? Sto usando bootstrap-sass che viene fornito con alcuni file di font diversi, ecc. Per il webpack per elaborare questi ho incluso il caricatore di file che funziona correttamente, tuttavia i file che emette vengono salvati nel percorso di output specificato per il resto […]

Come raggruppare separatamente gli script del fornitore e richiederli come necessario con Webpack?

Sto cercando di fare qualcosa che ritengo dovrebbe essere ansible, ma non riesco davvero a capire come farlo solo dalla documentazione del webpack. Sto scrivendo una libreria JavaScript con diversi moduli che possono o meno dipendere l’uno dall’altro. Inoltre, jQuery viene utilizzato da tutti i moduli e alcuni di essi potrebbero richiedere plug-in jQuery. Questa […]

Come annullare Angular 2 Cli ng-eject?

Ho appena eseguito il comando ng eject . Ma ora ho bisogno di ripristinarlo e continuare ad usare i comandi di ng . È ansible? Sarei grato per qualsiasi aiuto.

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 […]