Perguntas com a tag [webpack]
O _Webpack_ é um compilador de módulos. Sua finalidade principal é agrupar arquivos JavaScript para uso em um navegador, mas também é capaz de transformar, compilar e agrupar basicamente qualquer outro tipo de arquivo ou recurso, como `sass`, `less`, `css`, `html` entre outros.
70
perguntas
2
votos
2
respostas
1mil
visitas
Atribuir o retorno de uma função que retorna de uma Promise
Estou exportando uma função para outro arquivo que está como um componente Webpack-simple + VueJS. Essa é a função do arquivo api-user.js:
export function getUsers () {
axios.post('/api/get_list',{...
0
votos
1
resposta
442
visitas
Não consigo usar Webpack no meu projeto
Estou aprendendo react, e nas videos-aulas que estou vendo, ele manda instalar o webpack global:
npm i -g webpack
foi feita a instalação com sucesso.
só que no vídeo é criado um diretório dist com ...
1
voto
1
resposta
294
visitas
Angular: Erro em módulos do sistema
Olá! Minha aplicação parou de compilar, dando problemas em módulos de uso geral. O módulo crypto, foi o primeiro erro que apareceu, então procurei uma solução para este erro.
A solução que eu ...
0
votos
1
resposta
747
visitas
Ignorar arquivos de unit test utilizando jest e webpack
Fala galera, estou com um dificuldade de ignorar meus arquivos de testes quando foi buildar minha aplicação. Como configuro o Web Pack para ignorar os arquivos de testes?
1
voto
2
respostas
1mil
visitas
'webpack-dev-server' module not found
Ao tentar executar yarn webpack-dev-server --mode development
o seguinte erro aparece:
$ C:\Users\Coding\code\frontend\node_modules\.bin\webpack-dev-server --mode development
internal/modules/cjs/...
0
votos
1
resposta
1mil
visitas
Next.js não carrega jsx
Recentemente eu andei pesquisando sobre Next, a framework js do momento, e quero começar a treinar com ela com alguns projetos. O problema é que não roda no meu computador, Não importa o que eu faça.
...
1
voto
1
resposta
2mil
visitas
Erro com Webpack (yarn webpack-dev-server --mode development)
Estou tentando criar minha primeira aplicação ReactJS.
Quando executo no terminal bash do VSCode o seguinte comando:
yarn webpack-dev-server --mode development
Aparece o seguinte erro:
$ yarn webpack-...
-1
votos
1
resposta
305
visitas
Usando vários arquivos js Vue no Laravel
Galera estou usando o Laravel v5.5 para iniciar um projeto pessoal e vou utilizar o Vue.js, não achei um conteúdo muito didático na internet, como faço pra usar outros arquivos .js??
exemplo:
/js/...
2
votos
0
respostas
78
visitas
Problemas com renderização Vue Router 4 + Vue 3 (versão de compatibilidade)
Contexto
Estou migrando minha aplicação de vue 2 para vue 3, e estou usando a versão de compatibilidade (migration build).
Minha aplicação é uma WebExtension (extensão de navegador).
Fluxo da ...
-2
votos
1
resposta
424
visitas
Aplicações Vuejs com erro no build repentinamente
Bom dia a todos, hoje pela manhã fiz um hotfix e o mesmo fez o build da forma esperada porém quando fui melhorar o hotfix e fazer o build, um erro apareceu no build
TypeError: ErrorStackParser.parse ...
0
votos
0
respostas
173
visitas
Problemas com a atualização de um projeto angular para a versão 7
Estou com um problema na atualização de um projeto angular para o angular 7 e não estou sabendo resolver.
O meu projeto já funciona o npm i mas quando eu tento executar o projeto ele aponta o seguinte ...
2
votos
0
respostas
66
visitas
Chamar classes a partir de strings em módulos ES6 (commonjs) compilados pelo Webpack
Em um projeto web com TypeScript, utilizando módulos commonjs, compilados através do Webpack (versão 5), necessito chamar classes e métodos dinamicamente a partir de variáveis do tipo string contendo ...
0
votos
0
respostas
34
visitas
Pacote ES6 só funciona no primeiro carregamento - webpack
Construí um pacote baseado em CSS3 / CSS4, HTML5 e suas APIs, o pacote contém 101 arquivos e usa promessas para diferenciar os arquivos e medir sua prioridade, ao final de uma promessa, você pode ou ...
0
votos
1
resposta
75
visitas
Criar alias para imports de css
Tenho um projeto react que usa typescript e gostaria de ter alguma forma de importar css sem colocar o caminho todo do local do css.
Gostaria de evitar esse tempo de import:
@import '../../../../...
-1
votos
1
resposta
641
visitas
Laravel-mix acusa erro na sintaxe quando não há nenhum
Boa noite galera, estou tentando rodar NPM RUN DEV e quando o faço ele acusa um erro que não faz sentido pra mim (apesar de ser um iniciante total em laravel).
[webpack-cli] /var/www/html/guild-cd17/...
3
votos
0
respostas
361
visitas
vue-html-loader (Webpack+Vue-loader) não encontra às imagens na pasta raíz
Estou com dificuldade em anexar as imagens contidas no src do HTML5 dentro de uma rota feita no vue-router, pois o Webpack não encontra a imagem que está na raiz o projeto, veja a estrutura:
C:.
| ...
3
votos
3
respostas
1mil
visitas
Webpack não atualizando bundle.js
Sou novo nessa coisa de React e Webpack, e estou estudando bastante, mas cheguei num problema que não estou encontrando um modo de resolver.
const webpack = require('webpack')
module.exports = {
...
0
votos
1
resposta
2mil
visitas
Styled-Component nao ativa o estilo
Estou fazendo um clone do Discord, em TSX, usando styled components.
Porem quando crio os styled.ts, percebo pela identacao que o estilo nao foi aplicado.
Meu Json:
Como fica:
Como deveria estar:
4
votos
1
resposta
593
visitas
Como melhorar a performance do angular com webpack ou carregamento por demanda?
Tenho um projeto grande com angular e preciso deixar os carregamento das paginas com uma boa performance, de principio configurei um WebPack Customizado para a aplicação. Mas ao aplica-lo os arquivos ...
0
votos
1
resposta
292
visitas
Erro ao tentar gerar bundles com Webpack
Tem um projeto que utiliza webpack junto com nodejs e angular, mas ao tentar usar o comando "webpack" no terminal para gerar os bundles do webpack ele exibe a seguinte mensagem de erro:
...
0
votos
1
resposta
2mil
visitas
Erro em npm run dev
Estou tentando executar o comando npm run dev em um projeto desenvolvido por outra pessoa.
Esse é a configuração no package.json:
"scripts": {
"dev": "npm run development",
"development": "...
2
votos
0
respostas
165
visitas
Definir a url(path) ao importar fontawesome com sass
Olá!
Estou trabalhando com node+webpack+sass. Quando executo o script do wabpack, é feita a compilação do sass, o bundle dos arquivos js e o resultado é todo colocado no diretório build/. Ate ai sem ...
1
voto
0
respostas
172
visitas
Erro HTML Loader no electron-webpack
Estou buscando uma solução para rodar; electron e react seguindo uma estrutura MVC. Achei o módulo electron-webpack que aparentemente extende sobre webpack padrão.
Seguindo a documentação configurei ...
1
voto
2
respostas
208
visitas
Como importar um arquivo inteiro (javascript) com WebPack?
Eu comecei estudar WebPack agora, consegui usa-lo normalmente, porém, quando eu quero importar algo de outro arquivo eu preciso dar:
import {abc} from './my-file.js';
e no arquivo que foi importado: ...
0
votos
2
respostas
443
visitas
Instalar StartBootstrap-SB-Admin usando Yarn
Estou criando um esqueleto base para minhas aplicações e pretendo usar Symfony 4 e Startbootstrap-SB-Admin.
Já tenho um projeto esqueleto usando Symfony 3 e SB-Admin-2 e mais outro com Silex. Esses ...
0
votos
1
resposta
113
visitas
Instalação do babel-cli e live-server localmente
Estou instalando o babel-cli e live-server localmente, porém, ele está dando um problema dizendo que:
run `npm audit fix` to fix 3 of them.
1 vulnerability requires manual review. See the full report ...
0
votos
1
resposta
141
visitas
Flask template com nodejs e webpack
Não tenho lá notória experiência com as "novas" tecnologias de front-end. Sempre me dediquei mais ao back.
Pergunta:
Dá para trabalhar com os templates flask (jinja) usando node + webpack para ...
2
votos
0
respostas
479
visitas
Como configuro o WebPack e arquivo package.json para rodar o projeto React?
Fiz todas as configurações necessárias do WebPack e o projeto inicia, porém aparentemente não roda o css no projeto e só fica uma tela em branco. Antes das configurações do WebPack meu Package.json ...
3
votos
1
resposta
286
visitas
como gerar um index.js a cada build - WebPack
Estou trabalhando em um projeto nuxt/vue.js e aplicando a metodologia do design atomic, então eu terei muuuittos componentes, em diferentes pastas, exemplo:
├── components
│ ├── quarks
│ │ └── ....
-4
votos
1
resposta
120
visitas
Como criar uma aplicação em Vue? [fechada]
Estou tentando seguir as instruções desse site para criar uma aplicação em Vue: Link
O problema é que eu não entendo o que ele necessita que eu faça primeiro. Devo baixar o arquivo do github? Ele me ...
1
voto
0
respostas
84
visitas
Não consigo utilizar as funções que exportei com o modulo!
ao utilizar o export default class no javascript,
não estou conseguindo usar as funções que importei.
Retorno no inspect do navegador
Segue arquivos:
index.js
/* global fetch */
import API_URL ...
1
voto
0
respostas
1mil
visitas
Não consigo acessar meu projeto Vue CLI pelo IP
Eu inicio meu projeto Vue CLI (template webpack) pelo terminal com npm run dev e inicializa tudo normal.
Consigo acessar meu projeto web pelo localhost ou 127.0.0.1, mas quando tento acessar pelo ip ...
1
voto
1
resposta
753
visitas
Gerar vários arquivos .js com webpack
Preciso criar vários arquivos .js um para cada arquivo .ts, mas não sei como configurar o webpack 2 para fazer este procedimento.
var path = require('path');
var ExtractTextPlugin = require('extract-...
0
votos
0
respostas
251
visitas
jQuery $ não é uma função/não está definido
Bom dia galera.
Estou a algum tempo tentando resolver isso mas sem sucesso.
Parece que o jQuery não está sendo carregado ou atribuído em $, jQuery.
Abaixo segue alguns trechos do código para ...
2
votos
0
respostas
95
visitas
Webpack importar css junto com component REACTJS
Olá,
estou fazendo um component (REACTJS), gostaria de ao importar o css viesse.
Estou utilizando o css-loader e style-loader.
Como nunca tinha feito algo assim, não sei se a configuração está ...
1
voto
3
respostas
1mil
visitas
Como usar ancora no vuejs/vue-loader?
Estou criando um projeto com vuejs webpack (vue-loader) e recentemente me deparei com um problema, não consigo ancorar nenhuma tag, pois o vue entende que ao usar o hash #, vc esta querendo direcionar ...
0
votos
1
resposta
155
visitas
Carregar scss a partir de arquivo js
Estou trabalhando em um site estático, onde tenho a seguinte estrutura de diretórios:
/
/src
exemplo.scss
exemplo.js
index.html
webpack.config.js
No meu exemplo.js eu dou um require('...
0
votos
1
resposta
530
visitas
Duvida sobre arquivo gerado após usar npm run build com vue-cli + webpack
Estou estudando e desenvolvendo uma spa, e reparei que ao usar o comando npm run build ele gera dois arquivos app.js e app.map.js não intendi o por que desse arquivo .map alguem consegue me explicar o ...
1
voto
0
respostas
142
visitas
Webpack não usa o Babel para transpilar
Sempre que executo o build do meu projeto, a saída é sempre o arquivo gerado pelo webpack, sem sinais que tenha passado pelo Babel.
As minhas configurações estão assim:
package.json
{
"name": "...
-1
votos
1
resposta
698
visitas
Por que usar um empacotador como o WebPack?
Estava conversando com um amigo sobre o flash e como todo o código é compilado em um único arquivo e "zuamos" sobre os "1tera" que o usuário tem que baixar, claro, exagerando...
Mas então surgiu uma ...
1
voto
1
resposta
924
visitas
Como usar Material Icons com next.js?
import Link from 'next/link';
import MaterialIcon from 'material-icons-react';
const Header = (props) => {
return (
<nav>
<ul>
{navOptions.map(nav => (
...
0
votos
1
resposta
941
visitas
Como configurar o arquivo webpack no Laravel?
Estou seguindo vários tutoriais como podem ver abaixo;
Aos 9 minutos e 45 segundos de vídeo.
Utilização do Vue.js em uma aplicação Laravel
Aos 8 minutos e 12 segundos do vídeo.
1 - CRUD en LARAVEL ...
0
votos
0
respostas
61
visitas
Angular Compiler was detected but it was an instance of the wrong class
Estrou trabalhando atualmente em um projeto, consumindo um api rest a partir do angular, porém ao decorrer, estou me deparando com erro que está me retornando que tenho 2 pacotes webpack dentro da ...
2
votos
1
resposta
280
visitas
Produção vs Desenvolvimento - WEBPACK
Gostaria de saber qual a diferença entre os modos de "development" e "production" dentro do Webpack4.
0
votos
1
resposta
87
visitas
Webpack está gerando os arquivos manifest.js em uma pasta diferente
Estou utilizando o webpack como Vue. Na hora de dar npm run build, o arquivo manifest.js é criado com o caminho /static/, enquanto os outros arquivos são criados com o caminho static/.
Assim se eu ...
0
votos
1
resposta
50
visitas
(extract-text-webpack-plugin) erro [1] "loader" must be a string
depois que fiz a instalação do extract-text-webpack-plugin começou a me retornar o erro erro [1] "loader" must be a string
segue minha configuração do webpack
'use strict'
const path = require('...
1
voto
1
resposta
364
visitas
React build vs (?) Webpack?
Estou fazendo um curso de React. Tenho a compreensão do que o React é, e qual problema ele resolve.
Contudo quando eu coloco no CMD "create-react-app x" ele mostra alguns outros comandos que posso ...
1
voto
1
resposta
1mil
visitas
Comandos do WEBPACK não funcionam
instalei o webpack com o comando npm install webpack -g , porem quando tento usar o comando o webpack -h ou outro qualquer da esse problema
> PS C:\Users\renan\Desktop\Wchat> webpack -h The CLI ...
0
votos
1
resposta
730
visitas
Iniciar Projeto Vue a partir de template existente
É possivel iniciar um projeto Vue a partir de um template já existente? Quero criar um template com todas as dependencias necessarias e configurações inicias (assim como paginas e etc), para que ...
0
votos
0
respostas
69
visitas
Problemas para ignorar URL no CSS
Como eu faço no Webpack para ele ignorar o conteúdo com imagens dentro do URL, ex.
background-image: url("../img/marker.png");
Eu tenho um arquivo SASS com este conteúdo:
// Fonts
@import url("http:...