Programação webpack

3

HtmlWebpackPlugin injeta arquivos de caminho relativo que se quebram ao carregar caminhos de sites não raiz

Estou usando o webpack e o HtmlWebpackPlugin para injetar js e css empacotados em um arquivo de modelo html. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), E produz o seguinte arquivo html. <!doctype html> <html lang="en"> <head> ... <link href="main-295c5189923694ec44ac.min.css" rel="stylesheet"> </head> <body> <div id="app"></div> <script src="main-295c5189923694ec44ac.min.js"></script> </body> …

116 javascript express webpack react-router

20

React-Native: o módulo AppRegistry não é um módulo chamável registrado

No momento, estou tentando fazer o ES6 react-native-webpack-server rodar em um emulador Android. A diferença é que atualizei meu package.jsone build.gradepara usar o react 0.18.0e estou recebendo este erro na inicialização. Pelo que eu sei, AppRegistryé importado corretamente. Mesmo que eu comentasse o código, esse erro ainda surgiria. Isso funciona …

114 android react-native webpack

6

Webpack 4 - Como configurar o minimize?

Webpack 4 vem com a seguinte declaração: webpack.optimize.UglifyJsPlugin foi removido, use config.optimization.minimize. É justo, mas não consigo encontrar nenhuma informação sobre como configurar a instância UglifyJsPlugin em execução nos bastidores, por exemplo, para alterar o diretório de cache. Isso pode ser feito?

114 javascript webpack webpack-4

5

Como obter acesso ao webpack-dev-server de dispositivos na rede local?

Há alguma configuração de servidor de desenvolvimento de webpack (faz parte de toda a configuração): config.devServer = { contentBase: './' + (options.publicFolder ? options.publicFolder : 'public'), stats: { modules: false, cached: false, colors: true, chunk: false }, proxy: [{ path: /^\/api\/(.*)/, target: options.proxyApiTarget, rewrite: rewriteUrl('/$1'), changeOrigin: true }] }; function …

112 javascript node.js networking webpack web-development-server

7

Exponha o jQuery a um objeto Window real com Webpack

Quero expor o objeto jQuery ao objeto de janela global que pode ser acessado dentro do console do desenvolvedor no navegador. Agora, na configuração do meu webpack, tenho as seguintes linhas: plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }) ] Essas linhas adicionam as definições jQuery a cada arquivo …

111 javascript jquery webpack

17

Texto tipificado react - Não foi possível encontrar um arquivo de declaração para o módulo '' react-materialize '. 'path / to / module-name.js' implicitamente tem qualquer tipo

Estou tentando importar componentes do react-materialize como - import {Navbar, NavItem} from 'react-materialize'; Mas quando o webpack está compilando meu, .tsxele lança um erro para o acima como - ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration file for module 'react-materi alize'. 'D:\Private\Works\Typescript\QuickReact\node_modules\react-materialize\l ib\index.js' implicitly has an …

110 reactjs webpack webpack-2

4

Notação de colchete de objeto Javascript ({Navigation} =) no lado esquerdo da atribuição

Eu não vi essa sintaxe antes e estou me perguntando do que se trata. var { Navigation } = require('react-router'); Os colchetes à esquerda estão gerando um erro de sintaxe: token inesperado { Não tenho certeza de qual parte da configuração do webpack está se transformando ou qual é o …

108 javascript webpack ecmascript-6

19

Recusou-se a carregar a fonte 'data: font / woff…', ela viola a seguinte diretiva da Política de Segurança de Conteúdo: “default-src 'self'”. Observe que 'font-src'

Minha reação webApp dá este erro no console do navegador Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. Além disso: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it …

108 javascript reactjs webpack

6

o webpack não consegue encontrar o módulo se o arquivo for chamado jsx

Enquanto escrevo webpack.config.js assim module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; E index.jsxeu importo um reactmóduloApp import React from 'react'; import { render } from 'react-dom'; import App …

107 reactjs webpack webpack-dev-server

7

“Você pode precisar de um carregador apropriado para lidar com este tipo de arquivo” com Webpack e Babel

Estou tentando usar o Webpack com Babel para compilar recursos ES6, mas estou recebendo a seguinte mensagem de erro: You may need an appropriate loader to handle this file type. | import React from 'react'; | /* | import { render } from 'react-dom' Esta é a aparência da minha …

106 javascript webpack babeljs es6-module-loader

2

O que este comando “react-scripts eject” faz?

O que o npm run ejectcomando faz? Eu entendo o que outros comandos fazem, como iniciar, construir, testar. Mas nenhuma ideia sobre ejetar.

106 reactjs webpack create-react-app react-scripts

4

Webpack loaders vs plugins; qual é a diferença?

Qual é a diferença entre carregadores e plug-ins no webpack? A documentação para plug-ins diz apenas: Use plug-ins para adicionar funcionalidades normalmente relacionadas a pacotes no webpack. Eu sei que o babel usa um carregador para as transformações jsx / es2015, mas parece que outras tarefas comuns (copy-webpack-plugin, por exemplo) …

103 javascript reactjs webpack

21

Objeto de configuração inválido. Webpack foi inicializado usando um objeto de configuração que não corresponde ao esquema API

Eu tenho este aplicativo helloworld react simples criado a partir de um curso online, mas recebo este erro: Objeto de configuração inválido. Webpack foi inicializado usando um objeto de configuração que não corresponde ao esquema API. - a configuração possui uma propriedade desconhecida 'postcss'. Estas propriedades são válidas: objeto {amd …

103 reactjs typescript webpack

5

Decoradores Webpack babel 6 ES6

Eu tenho um projeto escrito em ES6 com webpack como meu bundler. A maior parte da tradução funciona bem, mas quando tento incluir decoradores em qualquer lugar, recebo este erro: Decorators are not supported yet in 6.x pending proposal update. Eu olhei o rastreador de problemas do babel e não …

101 javascript webpack ecmascript-6 babeljs decorator

4

Como armazenar o arquivo de configuração e lê-lo usando React

Sou novo no react.js, implementei um componente no qual estou buscando os dados do servidor e o uso como, CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, // error: 'There was a problem getting the enterprises' //}); …

101 javascript reactjs configuration webpack flux

Perguntas com a marcação «webpack»