javascript - Webpack - Requerer Imagens Usando File-Loader
Estou a usar o Webpack para a minha aplicação React.
Instalei o 'File-loader' e o 'Url-loader' na minha configuração do webpack.
No entanto, não tenho certeza de como ligar imagens aos meus componentes. Estou a guardar o 'src' da imagem num ficheiro 'Data.js', de onde passo os dados da imagem para o componente React.
O meu webpack.config.js:
... const PATHS = { app : path.join( __dirname, "app" ), build : path.join( __dirname, "build" ) }; const common Ler mais →javascript - Porque é que o meu bundle do Webpack é tão grande?
Estou a escrever algum JavaScript que usa Moment.js e Handlebars. Supõe-se que o Moment.js tenha 30 KB comprimido com gzip e que o Handlebars tenha menos de 10 KB comprimido com gzip. Mas quando uso o Webpack para empacotar o meu código, obtenho um ficheiro resultante de 271 KB!
Instalei o webpack-bundle-size-analyzer para investigar e enc
Ler mais →javascript - Como NÃO resolver caminhos com o Webpack?
Estou a trabalhar num projeto ReactJs com Webpack e sass-loader, css-loader e url-loader.
Gostaria de não resolver os caminhos da font-face e mantê-los exatamente como estavam definidos no ficheiro SASS.
A questão:
Se eu chamar um caminho ab
Ler mais →javascript - O Webpack não consegue importar pacote instalado a partir do git
Então eu bifurquei um pacote no git. Fiz as minhas alterações. Depois, no meu terminal
npm install --save git+https://github.com/hayk94/ddp.js.gitE então tento importar o pacote no meu código assim
import DDP from 'ddp.js'Mas o webpack dá-me este erro
ERROR in ./main.js Module not found: Error: Can't resolve 'ddp.js' in '/Users/hayksafaryan/projects/b2cEmbedLib' @ ./main.js 23:11-28 @ multi (webpack)-dev-server/clie Ler mais →javascript - Plugin do Webpack: Como adicionar dinamicamente um loader a um módulo?
Estou a escrever um plugin para Webpack. Durante a resolução de módulos, este plugin deve adicionar dinamicamente um loader específico para alguns módulos, mas não para todos.
A minha ideia neste momento é aproveitar o evento after-resolve do normal-module-factor
Ler mais →javascript - Agrupamento de componente stencil com webpack
Alguém sabe como fazer o empacotamento do componente web criado com Stencil usando webpack. Tenho múltiplos componentes Stencil e preciso criar um bundle para que possa usá-lo noutros projetos.
Resposta #1
A Ionic desenvolveu um StencilPlugin para o webpack, que permite importar componentes facilmente usando o empacotador webpack.
Também pode estar interessado neste excelente artigo que explica com mais detalhes como usar o plugin.
Ler mais →javascript - O argumento path do Webpack não é uma string
Tenho partido a cabeça a tentar perceber por que razão o Webpack diz que para o módulo de entrada "app", o caminho não é uma string. Não é exatamente o mesmo que outros erros que li no Stackoverflow, e é por isso que me leva a fazer a pergunta eu próprio.
Estou a usar o Webpack mais recente (5.16) e o Webpack-cli (4.4) e estou a te
Ler mais →javascript - Alterações incompatíveis do Webpack para módulos incorporados em site Gatsby
Tentei implementar o meu site Gatsby no Netlify, mas continuo a receber estes erros em vários módulos Node sempre que tento fazer o deploy. Tentei criar um ficheiro webpack.config.js e incluir ambas as soluções sugeridas, mas sem sucesso. Também tentei usar alias em vez de fallback, adicionar u
Ler mais →javascript - Adicionar Dependência no Plugin do Webpack
É possível adicionar uma dependência a partir de um plugin do Webpack? Estou a gerar ficheiros que usam templates, e quando estes templates mudam gostaria que webpack --watch acionasse outra compilação.
Aqui está o plugin:
function BlahPlugin (options) { this.options = options; } BlahPlugin.prototype.apply = funct Ler mais →javascript - webpack-dev-server não está a criar a pasta dist localmente
O webpack-dev-server está a agrupar os ficheiros html, scss e js com sucesso e a saída também está a ser servida em localhost:8080, mas a pasta dist não está a ser criada localmente. Segue-se a minha configuração do webpack:
var extractPlugin = new ExtractTextPlugin({ filename: Ler mais →