Sou um novato no webpack que quer aprender tudo sobre isso. Eu me deparei com um conflito ao executar meu webpack me dizendo: ERROR in chunk html [entry] app.js Conflict: Multiple assets emit to the same filename app.js O que devo fazer para evitar o conflito? Este é meu
Quando tenho uma configuração de carregador com vários testes correspondendo a um arquivo, esperaria que apenas o primeiro carregador compatível fosse usado, mas não parece ser o caso. Tentei ler o código-fonte, mas mesmo quando encontrei a parte que acho que implementa o carregamento, não...
Eu tenho: Arquivos JS que desejo agrupar. MENOS arquivos que desejo compilar em CSS (resolvendo @imports em um único pacote). Eu esperava especificá-los como duas entradas separadas e ter duas saídas separadas (provavelmente por meio de extract-text-webpack-plugin). O Webpack tem todos os...
Estou usando o webpack 3.8.1 e estou recebendo várias instâncias do seguinte aviso de compilação: WARNING in ./src/Components/NavBar/MainMenuItemMobile.js There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with...
Eu tenho um arquivo de carrossel que desejo obter index.jse construir block.build.js, então meu webpack.config.jsé: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test:...
Estou explorando a ideia de usar o Webpack com Backbone.js . Eu segui o guia de início rápido e tenho uma ideia geral de como o Webpack funciona, mas não estou certo sobre como carregar a biblioteca de dependências como jquery / backbone / underscore. Eles devem ser carregados externamente...
Sempre que executo webpackno terminal, recebo: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Aqui está meu arquivo webpack.config.js module.exports = { entry: './app-client.js', output: { filename:...
Estive jogando com Webpack e durante a construção que eu vejo saída: + 27 hidden modules. O que isso significa? Ele está detectando constantes globais que estou usando sem exigi-las?
Estou usando o webpack com HtmlWebpackPlugin, html-loadere file-loader. Eu tenho uma estrutura de projeto simples na qual não uso estruturas, mas apenas texto datilografado. Assim, escrevo meu código HTML diretamente para index.html. Eu também uso esse arquivo HTML como modelo em...
Eu tento usar typescript 3.7recursos como encadeamento opcional, coalescência nula. Mas webpackdá-me um erro ao transpaling. app: Module parse failed: Unexpected token (50:40) app: File was processed with these loaders: app: * ../../../node_modules/ts-loader/index.js app: You may need an...
Eu tenho um aplicativo de reação (aplicativo A), criado há cerca de 2 anos usando create-react-app, e ele é ejetado. O aplicativo é exportado como um módulo commonjs2 e enviado em um pacote NPM, para ser usado em um projeto next.js (aplicativo B). Tudo correu bem até eu atualizar alguns pacotes no...
Criei um pacote NPM relativamente pequeno, composto por aproximadamente 5 classes ES6 diferentes contidas em um arquivo cada, todas elas se parecem com isso: export default class MyClass { // ... } Em seguida, configurei um ponto de entrada para o meu pacote que se parece com isso: export {...
ERROR in C:/phpStudy2018/PHPTutorial/WWW/Tms.Web/node_modules/@types/node/globals.d.ts(139,11): 139:11 Interface 'NodeRequire' cannot simultaneously extend types 'Require' and 'RequireFunction'. Named property 'cache' of types 'Require' and 'RequireFunction' are not identical. 137 | 138 | // For...
Estou criando uma biblioteca de componentes React compartilhável. A biblioteca contém muitos componentes, mas o usuário final pode precisar usar apenas alguns deles. Quando você agrupa o código no Webpack (ou Parcel ou Rollup), ele cria um único arquivo com todo o código . Por motivos de...
Histórico do problema: estou usando o katex para renderizar matemática em uma página. Desejo, então, criar uma versão em PDF de parte dessa página, para criar um documento HTML que contenha a parte a ser exportada que incline todo o CSS e o transmita ao renderizador. O renderizador não pode acessar...
Desenvolvo aplicações web SPA usando ASP.Net Core React + Redux. Após a atualização para o .Net Core 3.0, vejo que UseWebpackDevMiddleware e AddNodeServices estão obsoletos. Aprendo o novo modelo de projeto React + Redux, mas ele não usa webpack ou SSR. 1) Onde posso encontrar exemplos ou...
Estou usando o Vue CLI 3 e o Vuetify 2.1 em um projeto novo, e recentemente investi em substituir as variáveis SASS do Vuetify . Depois de finalmente fazê-lo funcionar, percebi que cada vez que modifico o variables.scssarquivo que criei e o projeto é recompilado, leva cerca de 5 minutos para...
Recentemente, estou trabalhando em algumas obras de otimização de sites e começo a usar a divisão de código no webpack usando a instrução import como esta: import(/* webpackChunkName: 'pageB-chunk' */ './pageB') Que criar corretamente os PAGEB-chunk.js , agora vamos dizer que eu quero prefetch...
No meu projeto nextjs, mapeei o caminho jsconfig.jsonpara facilitar as importações absolutas { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["./*"] }, "target": "es6", "module": "commonjs", "experimentalDecorators": true } } Meus caminhos de importação ficam assim import {...
Ao criar nosso aplicativo de produção em Gatsby, vejo algo assim: window.___chunkMapping={ "app":[], "component---src-templates-page-tsx":[], "component---src-templates-pages-newsletter-tsx":[] } É possível fazer o hash desses caminhos em vez de imprimi-los? Não queremos expor muito do que...