Articles of webpack

Caminho correto para img em React.js

Eu tenho algum problema com minhas imagens no meu projeto de reação. Na verdade, eu sempre pensei que o caminho relativo no atributo src foi construído na arquitetura de arquivos Aqui minha arquitetura de arquivos: components file1.jsx file2.jsx file3.jsx conainter img js … No entanto, percebi que o caminho foi construído no URL. Em um […]

Importação do ES6 usando o caminho de login (‘@’) em um projeto vue.js usando o Webpack

Estou começando um novo projeto vue.js, então usei a ferramenta vue-cli para criar um novo projeto de webpack (por exemplo, vue init webpack ). Enquanto caminhava pelos arquivos gerados, notei as seguintes importações no arquivo src/router/index.js : import Vue from ‘vue’ import Router from ‘vue-router’ import Hello from ‘@/components/Hello’ // <- this one is what […]

Como evitar que o moment.js carregue as localidades com o webpack?

Olá está lá de qualquer maneira você pode parar moment.js de carregar todas as localidades (eu só preciso de inglês) quando o seu usando webpack? Eu estou olhando para a fonte, parece que se hasModule é definido que é para o webpack, então ele sempre tenta require () a cada localidade. Eu tenho certeza que […]

Como faço para gerar sourcemaps ao usar o babel e o webpack?

Eu sou novo no webpack e preciso de uma mão na configuração para gerar sourcemaps. Estou executando o webpack serve na linha de comando, que é compilada com sucesso. Mas eu realmente preciso de sourcemaps. Este é o meu webpack.config.js . var webpack = require(‘webpack’); module.exports = { output: { filename: ‘main.js’, publicPath: ‘/assets/’ }, […]

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”, […]