Articles of 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. É […]