Perguntas com a marcação «webpack»

É possível definir uma variável global com o webpack para resultar em algo como isto: var myvar = {}; Todos os exemplos que eu vi estavam usando arquivo externo require("imports?$=jquery!./file.js")

138 javascript  webpack  webpack-2  webpack-3 

minha saída do erro: Objeto de configuração inválido. O Webpack foi inicializado usando um objeto de configuração que não corresponde ao esquema da API. - configuration.module possui uma propriedade desconhecida 'loaders'. Essas propriedades são válidas: objeto {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, regras ?, defaultRules ?, …

136 reactjs  webpack 

Estou brincando com Reacte ES6usando babele webpack. Quero criar vários componentes em arquivos diferentes, importar em um único arquivo e agrupá-los comwebpack Digamos que tenho alguns componentes como este: my-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ return ( <Navbar className="navbar-dark" fluid> …

135 reactjs  ecmascript-6  webpack 

Tenho algum problema com minhas imagens no meu projeto de reação. Na verdade, eu sempre pensei que o caminho relativo no atributo src era construído na arquitetura de arquivos Aqui minha arquitetura de arquivos: components file1.jsx file2.jsx file3.jsx container img js ... No entanto, percebi que o caminho é construído …

135 javascript  reactjs  webpack 

Eu tenho um aplicativo simples, inicializado por angular-cli. Ele exibe algumas páginas relativas a 3 rotas. Eu tenho 3 componentes. Em um dos desta página Eu uso lodashe angular 2 HTTP módulos para obter alguns dados (usando RxJS Observables, mape subscribe). Eu exibo esses elementos usando um simples *ngFor. Mas, …

135 angular  webpack  angular-cli 

Eu sou newb para reactjs, quero incluir bootstrap no meu aplicativo react Eu instalei o bootstrap por npm install bootstrap --save Agora, deseja carregar o bootstrap css e js no meu aplicativo de reação. Estou usando o webpack. webpack.config.js var config = { entry: './src/index', output: { path: './', filename: …

135 twitter-bootstrap  reactjs  webpack 

ATUALIZAÇÃO: dezembro de 2018 (consulte a resposta 'Aniket') Com o Angular CLI 6, você precisa usar os construtores, pois o ng eject é descontinuado e em breve será removido no 8.0 ATUALIZAÇÃO: junho de 2018: o Angular 6 não oferece suporte à ejeção de ng ** ATUALIZAÇÃO: fevereiro de 2017: …

132 angular  webpack  angular-cli 

Comecei a usar o webpack2 (para ser mais preciso v2.3.2) e, depois de recriar minha configuração, continuo com um problema que parece que não consigo resolver. ERROR in ./src/main.js Module not found: Error: Can't resolve 'components/DoISuportIt' in '[absolute path to my repo]/src' resolve 'components/DoISuportIt' in '[absolute path to my repo]/src' …

131 npm  webpack  commonjs  webpack-2  package.json 

Eu sou novo no webpack e estou convertendo um aplicativo web existente para usá-lo. Estou usando o webpack para agrupar e minificar meu JS, o que é ótimo quando implantado, no entanto, isso torna muito difícil depurar durante o desenvolvimento. Normalmente, eu uso o depurador incorporado do chrome para depurar …

130 javascript  webpack 

Suponha que eu tenha uma classe como esta (escrita em texto datilografado) e a empacote com o webpack no bundle.js. export class EntryPoint { static run() { ... } } No meu index.html, incluirei o pacote, mas também gostaria de chamar esse método estático. <script src="build/bundle.js"></script> <script> window.onload = function() …

130 javascript  html  typescript  webpack 

Como faço para configurar Angular e VSCode para que meus pontos de interrupção funcionem?

127 angular  debugging  webpack  visual-studio-code 

Estou aprendendo React.js e estou usando o Windows 8 OS.i navegue para a minha pasta raiz 1.Created the package.json file by npm init 2. install webpack by npm install -S webpack.now webpack has been downloaded to my modules folder 3. install webpack globally by typing npm install webpack -g 4. …

125 npm  webpack 

Eu sou um pouco novo no mundo do task runner e do bundler e, ao passar por coisas como Grunt, Gulp, Webpack, Browserify , Não senti que haja muita diferença entre eles. Em outras palavras, acho que o Webpack pode fazer tudo o que um executor de tarefas faz. Mas …

117 gruntjs  gulp  bundler  browserify  webpack 

Estou criando um aplicativo que usa webpack-dev-server no desenvolvimento junto com o react-router. Parece que webpack-dev-server é construído em torno da suposição de que você terá um ponto de entrada público em um lugar (ou seja, "/"), enquanto o react-router permite uma quantidade ilimitada de pontos de entrada. Eu quero …

117 javascript  reactjs  webpack  react-router 

Enquanto eu estava configurando o React dentro do projeto Django, encontrei este erro ModuleBuildError na construção do módulo falhou (de ./node_modules/babel-loader/lib/index.js): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js: Suporte para a sintaxe experimental 'classProperties 'não está ativado no momento (17: 9): …

117 reactjs  webpack  babeljs  babel