Articles of webpack

Importando arquivos CSS no Isomorphic React Components

Eu tenho um aplicativo React com componentes escritos em ES6 – transpilados via Babel e Webpack. Em alguns lugares eu gostaria de include arquivos CSS específicos com componentes específicos, como sugerido no livro de receitas webpack reagir No entanto, se em qualquer arquivo de componente eu exigir um ativo CSS estático, por exemplo: import ‘../assets/css/style.css’; […]

Como construir um pacote compactado e descompactado com o webpack?

Aqui está o meu webpack.config.js var webpack = require(“webpack”); module.exports = { entry: “./entry.js”, devtool: “source-map”, output: { path: “./dist”, filename: “bundle.min.js” }, plugins: [ new webpack.optimize.UglifyJsPlugin({minimize: true}) ] }; Estou construindo com $ webpack Na minha pasta dist , estou apenas começando bundle.min.js bundle.min.js.map Eu também gostaria de ver o bundle.js descompactado

Quais são as diferenças entre o SystemJS e o Webpack?

Estou criando meu primeiro aplicativo Angular e gostaria de descobrir qual é o papel dos carregadores de módulos. Por que precisamos deles? Tentei pesquisar e pesquisar no Google e não consigo entender por que precisamos instalar um deles para executar nosso aplicativo. Não poderia ser suficiente apenas usar a import para carregar coisas de módulos […]

A syntax da function de seta não funciona com o webpack?

Estou fazendo um app no ​​react-redux. Estou usando o webpack para empacotamento e o babel para transpilar. Quando eu tento usar a function de seta no meu código. Isso me dá erro como: Module build failed: SyntaxError: Unexpected token (34:15) }; > handleSubmit = (event) => { ^ event.preventDefault(); this.props.dispatch(actions.addTodo(this.state.inputText)); Meu arquivo de configuração do […]

ES6 exportando / importando no arquivo de índice

Atualmente, estou usando o ES6 em um aplicativo React via webpack / bable. Eu estou usando arquivos de índice para reunir todos os componentes de um módulo e exportá-los. Infelizmente, isso é assim: import Comp1_ from ‘./Comp1.jsx’; import Comp2_ from ‘./Comp2.jsx’; import Comp3_ from ‘./Comp3.jsx’; export const Comp1 = Comp1_; export const Comp2 = Comp2_; […]

Angular2 CLI pacote enorme fornecedor: como melhorar o tamanho para prod?

Eu tenho um aplicativo simples, inicializado por angular-cli . Ele exibe algumas páginas em relação a 3 rotas. Eu tenho 3 componentes. Em uma dessas páginas eu uso módulos lodash e Angular2 Http para obter alguns dados (usando Rxjs Observables, mapear e assinar). Eu exibo esses elementos usando um simples ngFor. Mas, apesar do fato […]

Como carregar arquivos de imagem com o carregador de arquivos webpack

Estou usando o webpack para gerenciar um projeto reactjs . Eu quero carregar imagens em javascript por webpack file-loader . Abaixo está o 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: […]

Carregar novos módulos dinamicamente em tempo de execução com o Angular CLI & Angular 5

Atualmente estou trabalhando em um projeto que está sendo hospedado em um servidor de clientes. Para novos ‘módulos’ não há intenção de recompilar o aplicativo inteiro. Dito isso, o cliente quer atualizar os módulos roteadores / lazy loaded em tempo de execução . Eu tentei várias coisas, mas não consigo fazê-lo funcionar. Eu queria saber […]

Como desfazer Angular 2 Cli ng-eject?

Acabei de executar o comando ng eject . Mas agora preciso revertê-lo e continuar usando os comandos ng . É possível? Eu seria grato por alguma ajuda.

implementação de módulos es6, como carregar um arquivo json

Estou implementando um exemplo em https://github.com/moroshko/react-autosuggest Código importante é assim: 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: // [‘Mentone’, […]