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.
36
perguntas sem resposta aceita nem com voto a favor
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:.
| ...
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
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 ...
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 ...
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 ...
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á ...
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',{...
2
votos
0
respostas
973
visitas
Como executar o webpack + ReactJS sem node.js no client-side?
É possível rodar o transpilador do webpack no client-side sem a instalação e execução do mesmo em um servidor Node.js ?
Atualmente estou tentando implementar uma aplicação SPA utilizando React 15.1.0 ...
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/...
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
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
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
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 ...
1
voto
0
respostas
124
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 ...
1
voto
0
respostas
82
visitas
Como definir o diretório images e fonts no Laravel-mix?
Estou utilizando o Laravel-mix em um projeto pessoal, porém, sem a presença do Framework Laravel. Quando mando gerar os arquivos o Laravel-mix lê os arquivos sass e cria na raiz do projeto um ...
1
voto
1
resposta
128
visitas
Estou tendo o problema com webpack 404 "cannot get". O que pode ser?
Aqui meu config:
var path = require('path');
const webpack = require('webpack');
const publicPath = '/dist/assets/';
module.exports = {
entry: './src/index.js',
devtool: 'cheap-module-source-...
1
voto
0
respostas
33
visitas
Remover string "dist" de build com Webpack
criei uma rule no meu arquivi webpack.config.js para poder trabalhar com fontes dentro do meu scss, porém quando faço o build para produção a string para carregar o arquivo fica como:
/distfonts/...
1
voto
0
respostas
34
visitas
Erro no npm run watch - Cannot read property 'install' of undefined
Esse erro ocorre quando faço um "npm run watch".
Quando faço um "npm run dev", não da este erro.
Ja reinstalei todo o npm e não resolveu...
alguma solução?
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 ...
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 '../../../../...
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
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 ...
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 ...
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
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 ...
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?
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 ...
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('...
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:...
0
votos
0
respostas
695
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 ...
0
votos
0
respostas
126
visitas
Erro ao carregar fonts no build do Vue (Webpack)
Estou fazendo o build do meu projeto, e todo o sistema está carregando, menos as fontes do iview, no modo dev tudo funciona perfeitamente, mas ao gerar o build as fontes ficam com uns quadrados e no ...
-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/...
-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
1
resposta
425
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 ...