Perguntas com a marcação «webpack»

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 { …

16 javascript  webpack  babeljs  es6-modules 

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 …

16 reactjs  npm  webpack  next.js 

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 desempenho, não quero …

12 reactjs  npm  webpack  es6-modules  rollup 

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 backwards compability > 139 | interface NodeRequire extends NodeJS.Require {} | ^ 140 | interface RequireResolve extends NodeJS.RequireResolve {} 141 …

12 typescript  vue.js  webpack 

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 …

10 javascript  css  webpack  data-uri 

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 { VIEW } from '@/src/shared/constants'; Meu eslintrc.jstem configurações especificadas como module.exports = { …

9 javascript  webpack  babel  eslint 

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 este pedaço em pageA, eu posso …

9 javascript  webpack  lazy-loading  prefetch 

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 …

9 webpack  vuetify.js  vue-cli 

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 informações de trabalho …

9 webpack  server-side-rendering  .net-core-3.0  asp.net-core-3.0 

Questão 1 Acho que existem muitas duplicações desnecessárias no resultado do pacote (webpack) (saída), para ser específico, todos eles são os auxiliares (como classCheck, objectSpread(devido ao plug-in de propagação de objetos). Então, eu quero reduzir as duplicações. Se for uma biblioteca, com certeza, usarei o plug-in transform-runtime (consulte runtime-corejs3) para …

8 javascript  webpack  babeljs 

Estou usando webpack-dev-serverpara executar um aplicativo Nestjs dentro de um contêiner do Docker. Tudo está instalado e funcionando, mas não consigo depurar o aplicativo da minha instância do VS Code. Estou tentando expor a porta 9229 usando esta configuração no webpack.config.js: devServer: { host: '0.0.0.0', port: 9229, }, Quando corro …

8 node.js  docker  webpack  webpack-dev-server  nestjs 

Estou usando reagir roteador com o carregamento lento de componentes e usando Webpack como uma bundler , Quando eu acesso ao home page / eu posso ver na guia de rede que o bundle.jsestá carregado e também quando eu clicar em um item específico na barra lateral do componente correspondente …

8 javascript  reactjs  webpack  react-router  lazy-loading 

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 está acontecendo nas costas. Eu tentei definir essas configurações no webpack: output: { filename: `[chunkhash:2][contenthash:5].js`, chunkFilename: `[chunkhash:2][contenthash:5].js`, …

8 javascript  node.js  webpack  gatsby