Perguntas com a marcação «webpack»

Atualmente, estou usando o ES6 em um aplicativo React via webpack / babel. Estou usando arquivos de índice para reunir todos os componentes de um módulo e exportá-los. Infelizmente, é assim: import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = Comp1_; export const …

202 javascript  ecmascript-6  webpack  babeljs 

Existe alguma maneira de você parar moment.jsde carregar todos os locais (só preciso de inglês) quando você estiver usando o webpack? Eu estou olhando a fonte e parece que, se hasModulefor definido, o que é para o webpack, ele sempre tenta require()todos os códigos de idioma. Tenho certeza de que …

199 javascript  gulp  momentjs  webpack 

Estou tentando automatizar ativos que entram em / dist. Eu tenho o seguinte config.js: module.exports = { context: __dirname + "/lib", entry: { main: [ "./baa.ts" ] }, output: { path: __dirname + "/dist", filename: "foo.js" }, devtool: "source-map", module: { loaders: [ { test: /\.ts$/, loader: 'awesome-typescript-loader' }, { …

189 webpack 

Eu sou novo em todo o mundo nodejs / reactjs, então peço desculpas se minha pergunta parecer boba. Então, eu estou brincando com o reactabular.js . Sempre que eu faço, npm startele sempre funciona localhost:8080. Como faço para alterá-lo para ser executado 0.0.0.0:8080publicamente? Eu tenho tentado ler o código fonte …

180 node.js  reactjs  npm  webpack  webpack-dev-server 

Estou usando o create-react-app e prefiro não eject. Não está claro para onde as fontes importadas via @ font-face e carregadas localmente devem ir. Ou seja, estou carregando @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Alguma sugestão? - EDITAR Incluindo …

177 css  reactjs  fonts  webpack  create-react-app 

Estou tentando fazer algo que acredito ser possível, mas realmente não consigo entender como fazê-lo apenas a partir da documentação do webpack. Estou escrevendo uma biblioteca JavaScript com vários módulos que podem ou não depender um do outro. Além disso, o jQuery é usado por todos os módulos e alguns …

173 javascript  webpack  external-dependencies 

Crio um projeto ReactJS com o create-react-apppacote e funcionou bem, mas não consigo encontrar arquivos e configurações do webpack. Como o react-create-app funciona com o webpack? Onde estão os arquivos de configuração do webpack em uma instalação padrão create-react-app? Não consigo encontrar os arquivos de configuração nas pastas do meu …

172 javascript  reactjs  webpack  ecmascript-6  create-react-app 

Alguém sabe como criar vários caminhos de saída em um arquivo webpack.config.js? Estou usando o bootstrap-sass, que vem com alguns arquivos de fonte diferentes, etc. Para o webpack processar esses arquivos, incluí o carregador de arquivos que está funcionando corretamente, no entanto, os arquivos que ele gera estão sendo salvos …

165 path  output  config  webpack  loader 

Ainda estou confuso sobre como resolver os caminhos dos módulos com o webpack. Agora eu escrevo: myfile = require('../../mydir/myfile.js') mas eu gostaria de escrever myfile = require('mydir/myfile.js') Eu estava pensando que resolve.alias pode ajudar, pois vejo um exemplo semelhante usando { xyz: "/some/dir" }como alias, então eu posso require("xyz/file.js"). Mas …

164 javascript  webpack 

Adicionei um novo pacote npm ao meu projeto e o exigi em um dos meus módulos. Agora recebo esta mensagem do webpack, build modulesNote: The code generator has deoptimised the styling of "D:/path/to/project/node_modules/ramda/dist/ramda.js" as it exceeds the max of "100KB". O que isso significa? Preciso tomar alguma ação?

164 webpack  babeljs 

Eu vejo pessoas usando gulp com webpack. Mas então eu li webpack pode substituir gulp? Estou completamente confuso aqui ... alguém pode explicar? ATUALIZAR no final, comecei com gole. Eu era novo no front-end moderno e só queria começar a trabalhar rapidamente. Agora que estou com os pés bastante molhados …

161 node.js  webpack  gulp 

Estou começando a usar o webpack e estou tendo dificuldades para criar a amostra de vários pontos de entrada . O arquivo webpack.config.js no exemplo inclui a linha var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin"); o que falha para mim com o erro Error: Cannot find module '../../lib/optimize/CommonsChunkPlugin' Pesquisando, encontrei outros exemplos de …

151 node.js  webpack 

Estou usando o create-react-app. Estou tentando chamar uma imagem da minha pasta pública de um arquivo dentro do meu src/components. Estou recebendo esta mensagem de erro. ./src/components/website_index.js Módulo não encontrado: você tentou importar ../../public/images/logo/WC-BlackonWhite.jpg que fica fora do diretório src / do projeto. As importações relativas fora de src / …

149 javascript  reactjs  webpack  create-react-app 

O roteador de reação permite que os aplicativos de reação sejam manipulados /arbitrary/route. Para que isso funcione, preciso que meu servidor envie o aplicativo React em qualquer rota correspondente. Mas o servidor de desenvolvimento webpack não lida com pontos finais arbitrários. Há uma solução aqui usando servidor expresso adicional. Como …

148 reactjs  ecmascript-6  webpack  react-router 

Estou usando o webpack para gerenciar um projeto reactjs . Quero carregar imagens em javascript por webpack file-loader. Abaixo está o webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; module.exports …

141 javascript  reactjs  webpack