Pesquisa de site
javascript - Webpack - Requerer Imagens Usando File-Loader
Estou usando o Webpack para o meu aplicativo React.
Eu instalei 'File-loader' e 'Url-loader' na minha configuração do webpack.
No entanto, não tenho certeza de como vincular imagens aos meus componentes. Estou mantendo o 'src' da imagem em um arquivo 'Data.js', de onde passo os dados da imagem para o componente React.
Meu webpack.config.js:
... const PATHS = { app : path.join( __dirname, "app" ), build : path.join( __dirname, "build" ) }; const common Consulte Mais informação →javascript - Por que meu bundle do Webpack é tão grande?
Estou escrevendo um código em JavaScript que usa Moment.js e Handlebars. O Moment.js supostamente tem 30 KB compactado com gzip e o Handlebars supostamente tem menos de 10 KB compactado com gzip. Mas quando uso o Webpack para empacotar meu código, acabo com um arquivo resultante de 271 KB!
Instalei o webpack-bundle-size-analyzer para inves
Consulte Mais informação →javascript - Como NÃO resolver caminhos com Webpack?
Estou trabalhando em um projeto ReactJs com Webpack e sass-loader, css-loader e url-loader.
Eu gostaria de não resolver os caminhos da fonte e mantê-los exatamente como foram configurados no arquivo SASS.
A questão:
Se eu chamar um caminho a
Consulte Mais informação →javascript - O Webpack não consegue importar pacote instalado a partir do git
Então eu dei um fork em um pacote no git. Fiz minhas alterações. Então, no meu terminal
npm install --save git+https://github.com/hayk94/ddp.js.gitE então eu tento importar o pacote no meu código assim
import DDP from 'ddp.js'Mas o webpack me dá 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/ Consulte Mais informação →javascript - Plugin do Webpack: Como adicionar dinamicamente um loader a um módulo?
Estou escrevendo 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.
Minha ideia agora é aproveitar o evento after-resolve do normal-module-factory.
Consulte Mais informação →javascript - Agrupando componente stencil com webpack
Alguém sabe como empacotar o componente web criado com stencil usando webpack? Eu tenho vários componentes stencil e preciso criar um pacote para poder usá-lo em outros projetos.
Resposta #1
A Ionic desenvolveu um StencilPlugin para webpack, que permite importar componentes facilmente usando o empacotador webpack.
Você também pode se interessar por este excelente artigo que explica com mais detalhes como usar o plugin.
Consulte Mais informação →javascript - argumento path do Webpack não é uma string
Tenho me esforçado muito tentando descobrir por que o Webpack está dizendo 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 mesmo.
Estou usando o Webpack mais recente (5.16) e o Webpack-cli (4.4) e tentan
Consulte Mais informação →javascript - Mudanças incompatíveis do Webpack para módulos internos em site Gatsby
Eu tentei implantar meu site Gatsby no Netlify, mas continuo recebendo esses erros em vários módulos do Node sempre que tento implantar. Tentei criar um arquivo webpack.config.js e incluir ambas as soluções sugeridas, mas sem sucesso. Também tentei usar alias em vez de fallback, adicionar uma s
Consulte Mais informação →javascript - Adicionar Dependência no Plugin do Webpack
É possível adicionar uma dependência de dentro de um plugin do Webpack? Estou gerando arquivos que usam templates; quando esses templates mudam, eu gostaria que webpack --watch acionasse outra compilação.
Aqui está o plugin:
function BlahPlugin (options) { this.options = options; } BlahPlugin.prototype.apply = fun Consulte Mais informação →javascript - webpack-dev-server não está criando a pasta dist no local
O webpack-dev-server está agrupando os arquivos html, scss e js com sucesso e a saída também está sendo servida em localhost:8080, mas a pasta dist não está sendo criada localmente. A seguir está a minha configuração do webpack:
var extractPlugin = new ExtractTextPlugin({ filena Consulte Mais informação →