Então, aqui está meu fluxo de trabalho atual para importar imagens e ícones no webpack via ES6: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> Isso fica...
Estou trabalhando em um webapp React usando webpack, vagamente ao lado deste tutorial . Acidentalmente, adicionei a pasta node_modules ao meu git. Em seguida, removi novamente usando git rm -f node_modules/*. Agora, quando tento iniciar o servidor webpack, recebo o seguinte erro: >...
Estou tendo um problema em que os mapas de origem gerados pelo Webpack usando a inline-source-mapdefinição de configuração estão desativados em uma linha quando uso o depurador de devtools do Chrome. O Webpack é configurado dentro de um aplicativo Ruby on Rails para gerar um arquivo JavaScript...
Estou interessado no cache de memória do Chrome vs cache de disco? Eu uso o webpack, plugin de pedaços comuns e gerei todos os meus arquivos com chunkhash. Como a memória difere do cache de disco. Quando recarrego minha página, alguns arquivos são carregados do cache de memória e outros do cache...
Pesquisa anterior: Como diz o wiki do webpack, é possível usar a ferramenta de análise para otimizar o desempenho de construção: de: https://github.com/webpack/docs/wiki/build-performance#hints-from-build-stats Dicas de estatísticas de construção Há uma ferramenta de análise que visualiza...
Só consigo ver o aplicativo real em /public. As configurações em webpack.config.jsestão abaixo: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server',
Eu construí um site com React.js e webpack . Quero usar fontes do Google na página da web, então coloco o link na seção. Fontes do Google <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> E definir CSS body{ font-family: 'Bungee Inline', cursive; } No...
Por exemplo @import url("~./foobar"); Vi aqui , não tenho certeza se é alguma coisa específica do pacote ou se é a sintaxe CSS real.
Eu tenho uma grande quantidade de arquivos javascript divididos em 4 subdiretórios em meu aplicativo. No grunhido, pego todos eles e os compilo em um arquivo. Esses arquivos não têm uma função module.exports. Quero usar o webpack e dividi-lo em 4 partes. Não quero entrar manualmente e exigir todos...
Tentei correr webpack --watche depois de editar meus arquivos JS, ele não dispara uma auto-recompilação. Tentei reinstalar webpackusando, npm uninstallmas ainda não está funcionando. Alguma
Acabei de criar um novo angular-cliprojeto e executou npm install [email protected] jquery popper.js --save e alterou as partes relacionadas do .angular-cli.json conforme abaixo "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [
Estou começando a trabalhar com webpackum node/expressambiente de desenvolvimento de um ReactJSaplicativo renderizado do lado do servidor react-router. Estou ficando muito confuso sobre a função de cada pacote webpack para ambientes dev e prod (runtime). Aqui está o resumo do meu...
Eu sou muito novo no webpack, descobri que na construção de produção podemos reduzir o tamanho do código geral. Atualmente, o webpack constrói em torno de arquivos de 8 MB e main.js em torno de 5 MB. Como reduzir o tamanho do código na construção de produção? Encontrei um arquivo de configuração de...
Tenho algumas coisas para desenvolvimento - por exemplo, simulações com as quais gostaria de não sobrecarregar meu arquivo de construção distribuído. No RequireJS, você pode passar uma configuração em um arquivo de plug-in e exigir coisas condicionalmente com base nisso. Para o webpack, não...
Eu vejo os seguintes erros ao tentar iniciar meu aplicativo ... > [email protected] start /Users/johnnynolan/Repos/css-modules webpack && open index.html (node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks`
Eu criei um vue webpackprojeto usando vue-cli. vue init webpack myproject E então executei o projeto no devmodo: npm run dev Eu tenho este erro: Falha ao carregar o recurso: o servidor respondeu com um status 404 (não encontrado) http: // localhost: 8080 / favicon.ico Então, dentro do...
Estou trabalhando com webpack e preciso executar ./node_modules/webpack/bin/webpack.jsusando npx. npx webpackexecutaria o webpack binary ( ./node_modules/webpack/bin/webpack), mas sempre que executo npx webpack eu obtenho bash: npx: command not found. Estou usando: nó: v9.5.0 npm: 5.6.0 nvm:...
Estou implementando um exemplo de https://github.com/moroshko/react-autosuggest O código importante é assim: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj =>...
Estou tentando fazer algo em um projeto que não tenho certeza se é possível, estou errado ou entendendo algo errado. Estamos usando o webpack e a ideia é servir mais de um arquivo html. localhost: 8181 -> atende index.html localhost: 8181 / example.html -> atende example.html Estou...
Eu tenho um reactjsaplicativo escrito usando os padrões ES6 e uso webpackpara criá-lo. O webpackcarrega os jsmódulos usando babel-loader. Para ser mais específico, uso as seguintes versões de pacotes: ├── [email protected] ├── [email protected] ├── [email protected] └── [email protected] Porém,...