Perguntas com a marcação «webpack»

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 bagunçado rápido. Aqui está o que eu quero: import * from './images' …

99 reactjs  webpack  ecmascript-6 

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: > webpack-dev-server -d --config webpack.dev.config.js --content-base public/ --progress …

97 node.js  npm  webpack 

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 sua construção e também fornece algumas dicas de como o tamanho e o desempenho da …

96 optimization  webpack 

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 concatenado e não …

96 javascript  ruby-on-rails  google-chrome  webpack  source-maps 

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 …

96 google-chrome  caching  webpack 

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 entanto, não funciona. Como posso resolver esse problema?

96 reactjs  webpack  google-font-api 

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', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', 'babel-loader'], …

96 node.js  reactjs  webpack  reactjs-flux  webpack-dev-server 

Por exemplo @import url("~./foobar"); Vi aqui , não tenho certeza se é alguma coisa específica do pacote ou se é a sintaxe CSS real.

96 css  webpack  webpack-style-loader 

Acabei de criar um novo angular-cliprojeto e executou npm install bootstrap@4.0.0-beta jquery popper.js --save e alterou as partes relacionadas do .angular-cli.json conforme abaixo "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], no entanto recebendo o erro abaixo 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports …

95 twitter-bootstrap  angular  webpack  popper.js 

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 ideia?

95 javascript  webpack  fsevents 

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

95 javascript  build  webpack 

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 entendimento: webpack: É um pacote, uma ferramenta para reunir …

94 javascript  node.js  webpack  webpack-dev-server  webpack-dev-middleware 

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 …

94 node.js  reactjs  npm  webpack  webpack-dev-server 

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 parece haver uma maneira de fazer …

93 javascript  build  conditional  require  webpack 

Eu vejo os seguintes erros ao tentar iniciar meu aplicativo ... > css-modules@1.0.0 start /Users/johnnynolan/Repos/css-modules webpack && open index.html (node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead /Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802 throw new Error( ^ Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead at Chunk.get (/Users/johnnynolan/Repos/css-modules/node_modules/webpack/lib/Chunk.js:802:9) at /Users/johnnynolan/Repos/css-modules/node_modules/extract-text-webpack-plugin/dist/index.js:176:48 …

92 javascript  npm  webpack