O Webpack é um empacotador de módulo JavaScript. O Webpack pega módulos com dependências e gera ativos estáticos que representam esses módulos. Os principais recursos do Webpack estão enraizados na extensibilidade e permitem que os desenvolvedores usem as melhores práticas em Arquitetura da Web e Desempenho da Web.
Estou tentando resumir meu conhecimento sobre os mais populares gerenciadores de pacotes JavaScript, empacotadores e executores de tarefas. Por favor me corrija se eu estiver errado: npm& bowersão gerenciadores de pacotes. Eles apenas baixam as dependências e não sabem como construir projetos...
Estou usando o Webpack no meu aplicativo, no qual crio dois pontos de entrada - bundle.js para todos os meus arquivos / códigos JavaScript e vendors.js para todas as bibliotecas, como jQuery e React. O que faço para usar plug-ins que possuem jQuery como dependências e quero tê-los também em...
Qual é o melhor método para agrupar o Angular (versão 2, 4, 6, ...) para produção em um servidor da web ao vivo. Inclua a versão Angular nas respostas para que possamos acompanhar melhor quando ela for lançada
Estou tentando passar de Gulppara Webpack. No Gulptenho tarefa que copia todos os arquivos e pastas de / static / folder para / build / folder. Como fazer o mesmo com Webpack? Preciso de algum
Eu sou novo no webpack e preciso de uma mão para configurar os mapas de origem. Estou executando a webpack servepartir da linha de comando, que é compilada com êxito. Mas eu realmente preciso de mapas de origem. Este é o meu webpack.config.js. var webpack = require('webpack'); module.exports =...
Estou tentando converter um aplicativo angular do gulp para o webpack. no gulp, uso o gulp-preprocess para substituir algumas variáveis na página html (por exemplo, nome do banco de dados), dependendo do NODE_ENV. Qual é a melhor maneira de obter um resultado semelhante com o...
Estou iniciando 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 eu andava pelos arquivos gerados, notei as seguintes importações no src/router/index.jsarquivo: import Vue from 'vue' import Router from...
Estou usando Angular 2+ e Angular CLI. Como adiciono o font-awesome ao meu
Os documentos do Webpack declaram que output.publicPathé: A output.pathpartir da visualização do JavaScript. Poderia, por favor, explicar o que isso realmente significa? Eu uso output.pathe output.filenamepara especificar onde o Webpack deve gerar o resultado, mas não sei ao certo o que...
Eu li algumas páginas sobre Substituição de Módulo Quente no Webpack. Existe até um aplicativo de exemplo que o usa . Eu li tudo isso e ainda não entendi a idéia. O que posso fazer com isso? Ele deveria ser usado apenas no desenvolvimento e não na produção? É como o LiveReload, mas você...
Eu tenho duas perguntas. 1) CSS Loader e Style Loader são dois carregadores de webpack. Eu não conseguia entender a diferença entre os dois. Por que tenho que usar dois carregadores quando eles fazem o mesmo trabalho? 2) O que são esses .useable.less e .useable.css mencionados nos arquivos...
Aqui está o meu webpack.config.js var webpack = require("webpack"); module.exports = { entry: "./entry.js", devtool: "source-map", output: { path: "./dist", filename: "bundle.min.js" }, plugins: [ new webpack.optimize.UglifyJsPlugin({minimize: true}) ] }; Estou construindo com $...
Estou criando meu primeiro aplicativo Angular e gostaria de descobrir qual é o papel dos carregadores de módulos. Por que precisamos deles? Tentei pesquisar e pesquisar no Google e não consigo entender por que precisamos instalar um deles para executar nosso aplicativo? Não seria suficiente usar...
Estou tentando executar algum código ES6 no meu projeto, mas estou recebendo um erro inesperado de exportação de token. export class MyClass { constructor() { console.log("es6");
Como usar o ES6 no webpack.config? Como este repositório que o https://github.com/kriasoft/react-starter-kit faz? Por exemplo: usando isso import webpack from 'webpack'; ao invés de var webpack = require('webpack'); É uma curiosidade e não uma
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...
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...
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:...
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...
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...