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.
72
perguntas
1
voto
0
respostas
13
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 ...
-3
votos
0
respostas
22
visitas
Como faço para disponibilizar uma classe através de um bundle em JavaScript?
Estou fazendo o bundle de um projeto em ES6 usando Webpack e convertendo para ES5, e no meu arquivo index.js estou definindo window.myClass = MyClass. Assim, no meu HTML eu uso <script src="...
-2
votos
0
respostas
15
visitas
Erro ao configurar o webpack no terminal do vs code da erro no npm rum mas no terminal normal do windows não da
imagem erro vs code
imagem sendo executado terminal
Tentei executar o npm rum com o script do webpack que gerei que seria webpack -w mas no terminal do vs code não funciona e no terminal normal ...
-2
votos
1
resposta
341
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
117
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
50
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
32
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 ...
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-...
0
votos
1
resposta
42
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
516
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/...
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.
...
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:
0
votos
1
resposta
210
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:
...
2
votos
0
respostas
132
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 ...
4
votos
1
resposta
435
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 ...
1
voto
0
respostas
148
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 ...
0
votos
1
resposta
78
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
109
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
356
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
215
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
│ │ └── ....
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": "...
-4
votos
1
resposta
103
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
64
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 ...
0
votos
0
respostas
231
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
77
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á ...
0
votos
1
resposta
123
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
420
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
120
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
594
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
789
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
0
respostas
59
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 ...
0
votos
1
resposta
67
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
452
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
1
resposta
263
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 ...
1
voto
1
resposta
322
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 ...
0
votos
1
resposta
47
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
2
respostas
189
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: ...
2
votos
1
resposta
250
visitas
Produção vs Desenvolvimento - WEBPACK
Gostaria de saber qual a diferença entre os modos de "development" e "production" dentro do Webpack4.
1
voto
1
resposta
340
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
755
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
579
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
59
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:...
1
voto
0
respostas
114
visitas
ASP.NET Core NPM e webpack/gulp
Criei um projeto no asp.net core usando o template empty (dotnet new web).
Pelo que pesquisei, para adicionar pacotes como Bootstrap ou jquery, temos que usar o NPM, que basicamente é adicionar o ...
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
2
respostas
422
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 ...
1
voto
1
resposta
480
visitas
Webpack + sass gerando style.css
Porque o webpack na hora de realizar o extract nos arquivos .scss, ele cria o arquivo styles.css tudo certo na pasta dist/css, mas ele retira as aspas e pontos do caminho de uma foto por exmplo: ...
0
votos
0
respostas
522
visitas
Projeto em react não abre em dispositivos Apple
Tenho um projeto feito com react usando o Webpack para frontend e Spring Maven para back. Estou usando arquivos JSX e como framework o Ant Design. O problema está no fato de em Windows e Android, o ...
1
voto
1
resposta
695
visitas
Criar componente para ser usado via npm
Comecei a trabalhar muito com vue e passei a utiliza-lo em todos os projetos na empresa em que trabalho. E com isso, acabei criando alguns componentes, em geral autocomplete, sei que existem muitos, ...