Articles of webpack

jQuery não está definido no bootstrap-sass

Eu inicializei o aplicativo Angular 2 usando angular-cli. Tudo foi fácil-peasy até que decidi usar bootstrap modal. Eu simplesmente copiei o código para abrir o modal do nosso outro projeto que não usa o angular-cli. Eu adicionei dependencies jquery e bootstrap aos scripts no arquivo angular-cli.json. jQuery é reconhecido no projeto, mas quando eu tento […]

NPM vs. Bower vs. Browserify vs. Gulp vs. Grunt vs. Webpack

Estou tentando resumir meu conhecimento sobre os gerenciadores de pacotes, empacotadores e executores de tarefas mais populares do JavaScript. Por favor me corrija se eu estiver errado: npm & bower são gerenciadores de pacotes. Eles simplesmente baixam as dependencies e não sabem como construir projetos por conta própria. O que eles sabem é chamar webpack […]

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

Eu estou tentando usar o Webpack com Babel para compilar ativos do 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’ Aqui está a aparência da minha configuração do Webpack: […]

Exponha o jQuery ao object real da janela com o Webpack

Eu não quero expor o object jQuery para o object de janela global que é acessível dentro do console do desenvolvedor no navegador. Agora na minha configuração do webpack eu tenho as seguintes linhas: plugins: [ new webpack.ProvidePlugin({ $: ‘jquery’, jQuery: ‘jquery’ }) ] Essas linhas adicionam as definições do jQuery a cada arquivo nos […]

Definir variável global com webpack

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

babel-loader jsx SyntaxError: Token inesperado

Sou iniciante no React + Webpack. Eu encontrei um erro estranho no meu aplicativo da web hello world. Estou usando o babel-loader no webpack para me ajudar a converter o jsx em js, mas parece que o babel não entende a syntax jsx. Aqui estão minhas dependencies: “devDependencies”: { “babel-core”: “^6.0.14”, “babel-loader”: “^6.0.0”, “webpack”: “^1.12.2”, […]

Como agrupar um aplicativo angular para produção

Gostaria de rastrear e atualizar neste segmento o melhor método (e talvez o mais simples) para empacotar o Angular (versão 2, 4, …) para produção em um servidor da web ao vivo. Por favor, inclua a versão Angular nas respostas para que possamos acompanhar melhor quando ela for movida para versões posteriores.

React-router com BrowserRouter / browserHistory não funciona em atualização

Eu tenho o seguinte arquivo de configuração do webpack: var webpack = require(‘webpack’); var path = require(‘path’); var BUILD_DIR = path.resolve(__dirname, ‘src/client/public’); var APP_DIR = path.resolve(__dirname, ‘src/client/app’); var config = { entry: [ APP_DIR + ‘/config/routes.jsx’, ‘webpack/hot/dev-server’, ‘webpack-dev-server/client?http://localhost:8080’ ], output: { publicPath: ‘http://localhost:8080/src/client/public/’ }, module : { loaders : [ { test: /\.jsx?$/, loader: ‘babel-loader’, […]

Notação de colchetes de object JavaScript ({Navigation} =) no lado esquerdo da atribuição

Eu não vi essa syntax antes e estou me perguntando o que é tudo isso. var { Navigation } = require(‘react-router’); Os colchetes à esquerda estão jogando um erro de syntax: token inesperado { Não tenho certeza de qual parte da configuração do webpack está sendo transformada ou qual é o propósito da syntax. É […]