Estou tentando fazer algo que acredito ser possível, mas realmente não consigo entender como fazê-lo apenas a partir da documentação do webpack. Estou escrevendo uma biblioteca JavaScript com vários módulos que podem ou não depender um do outro. Além disso, o jQuery é usado por todos os módulos e...
Crio um projeto ReactJS com o create-react-apppacote e funcionou bem, mas não consigo encontrar arquivos e configurações do webpack. Como o react-create-app funciona com o webpack? Onde estão os arquivos de configuração do webpack em uma instalação padrão create-react-app? Não consigo encontrar os...
Alguém sabe como criar vários caminhos de saída em um arquivo webpack.config.js? Estou usando o bootstrap-sass, que vem com alguns arquivos de fonte diferentes, etc. Para o webpack processar esses arquivos, incluí o carregador de arquivos que está funcionando corretamente, no entanto, os arquivos...
Adicionei um novo pacote npm ao meu projeto e o exigi em um dos meus módulos. Agora recebo esta mensagem do webpack, build modulesNote: The code generator has deoptimised the styling of "D:/path/to/project/node_modules/ramda/dist/ramda.js" as it exceeds the max of "100KB". O que isso significa?...
Ainda estou confuso sobre como resolver os caminhos dos módulos com o webpack. Agora eu escrevo: myfile = require('../../mydir/myfile.js') mas eu gostaria de escrever myfile = require('mydir/myfile.js') Eu estava pensando que resolve.alias pode ajudar, pois vejo um exemplo semelhante usando {...
Eu vejo pessoas usando gulp com webpack. Mas então eu li webpack pode substituir gulp? Estou completamente confuso aqui ... alguém pode explicar? ATUALIZAR no final, comecei com gole. Eu era novo no front-end moderno e só queria começar a trabalhar rapidamente. Agora que estou com os pés bastante...
Estou começando a usar o webpack e estou tendo dificuldades para criar a amostra de vários pontos de entrada . O arquivo webpack.config.js no exemplo inclui a linha var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin"); o que falha para mim com o erro Error: Cannot find...
Estou usando o create-react-app. Estou tentando chamar uma imagem da minha pasta pública de um arquivo dentro do meu src/components. Estou recebendo esta mensagem de erro. ./src/components/website_index.js Módulo não encontrado: você tentou importar ../../public/images/logo/WC-BlackonWhite.jpg...
O roteador de reação permite que os aplicativos de reação sejam manipulados /arbitrary/route. Para que isso funcione, preciso que meu servidor envie o aplicativo React em qualquer rota correspondente. Mas o servidor de desenvolvimento webpack não lida com pontos finais arbitrários. Há uma solução...
Estou usando o webpack para gerenciar um projeto reactjs . 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 =...
É possível definir uma variável global com o webpack para resultar em algo como isto: var myvar = {}; Todos os exemplos que eu vi estavam usando arquivo externo
minha saída do erro: Objeto de configuração inválido. O Webpack foi inicializado usando um objeto de configuração que não corresponde ao esquema da API. - configuration.module possui uma propriedade desconhecida 'loaders'. Essas propriedades são válidas: objeto {exprContextCritical ?,...
Tenho algum problema com minhas imagens no meu projeto de reação. Na verdade, eu sempre pensei que o caminho relativo no atributo src era construído na arquitetura de arquivos Aqui minha arquitetura de arquivos: components file1.jsx file2.jsx file3.jsx container img js ... No entanto,...
Eu tenho um aplicativo simples, inicializado por angular-cli. Ele exibe algumas páginas relativas a 3 rotas. Eu tenho 3 componentes. Em um dos desta página Eu uso lodashe angular 2 HTTP módulos para obter alguns dados (usando RxJS Observables, mape subscribe). Eu exibo esses elementos usando um...
Eu sou newb para reactjs, quero incluir bootstrap no meu aplicativo react Eu instalei o bootstrap por npm install bootstrap --save Agora, deseja carregar o bootstrap css e js no meu aplicativo de reação. Estou usando o webpack. webpack.config.js var config = { entry: './src/index', output:...
Estou brincando com Reacte ES6usando babele webpack. Quero criar vários componentes em arquivos diferentes, importar em um único arquivo e agrupá-los comwebpack Digamos que tenho alguns componentes como este: my-navbar.jsx import React from 'react'; import Navbar from
ATUALIZAÇÃO: dezembro de 2018 (consulte a resposta 'Aniket') Com o Angular CLI 6, você precisa usar os construtores, pois o ng eject é descontinuado e em breve será removido no 8.0 ATUALIZAÇÃO: junho de 2018: o Angular 6 não oferece suporte à ejeção de ng ** ATUALIZAÇÃO: fevereiro de 2017: use...
Comecei a usar o webpack2 (para ser mais preciso v2.3.2) e, depois de recriar minha configuração, continuo com um problema que parece que não consigo resolver. ERROR in ./src/main.js Module not found: Error: Can't resolve 'components/DoISuportIt' in '[absolute path to my repo]/src' resolve...
Eu sou novo no webpack e estou convertendo um aplicativo web existente para usá-lo. Estou usando o webpack para agrupar e minificar meu JS, o que é ótimo quando implantado, no entanto, isso torna muito difícil depurar durante o desenvolvimento. Normalmente, eu uso o depurador incorporado do...
Suponha que eu tenha uma classe como esta (escrita em texto datilografado) e a empacote com o webpack no bundle.js. export class EntryPoint { static run() { ... } } No meu index.html, incluirei o pacote, mas também gostaria de chamar esse método estático. <script