javascript - como requerer jquery com webpack
Como exigir o ficheiro jquery com webpack, devo instalá-lo a partir do npm, ou posso simplesmente exigir o ficheiro descarregado do site do jquery?
directório
app/ ./assets/javascripts/article/create/base.js ./assets/javascripts/lib/jquery-1.11.1.min.js webpack.config.jsbase.js erro
require(' Ler mais →javascript - Webpack DefinePlugin a partir de função assíncrona
Gostaria de definir algumas constantes que são retornadas de um recurso assíncrono. Há alguma forma de fazer isso no Webpack?
/* webpack.config.js */ module.exports = { ..., plugins: [ new webpack.DefinePlugin({ someVar: /* RETURN VARIABLE FROM ASYNC FUNCTION */ }) ] } Ler mais →javascript - Requerer ficheiro condicionalmente no webpack
Quero agrupar os ficheiros na minha compilação de produção apenas se não for para DEBUG;
Então eu usei webpack.DefinePlugin e defini a variável DEBUG === true.
Também configure webpack.UglifyJsPlugin com as opções predefinidas
E no ficheiro js, eu faço assim:
Ler mais →javascript - Webpack - devtool: source-map para CSS e eval-source-map para JS?
Se eu usar devtool: 'source-map' funciona muito bem com CSS:
Mas, os nomes das minhas variáveis JavaScript não são divertidos:
Ler mais →javascript - Como usar webpack com babel-loader e flow
Estou a ter dificuldades com algo que sinto que não deveria ser uma configuração demasiado difícil. Quero que estas três tecnologias funcionem juntas:
- webpack para agrupar código
- babel para que eu seja capaz de escrever JavaScript moderno
- flow porque a verificação de tipos é útil tal como testes Ler mais →
javascript - Webpack: Como exportar diretamente para global (sem .default) contendo importações de folhas de estilo?
Contexto
Tenho um webpack.config.js assim:
/* Something here */ module.exports = { entry: { main: './src/index.js' }, output: { library: 'MyClass', libraryTarget: 'umd', path Ler mais →javascript - Como Encontrar os Chunks para uma Entrada do Webpack
Estou a usar o webpack para modernizar uma aplicação ASP.NET Web Forms de múltiplas páginas legada. Tenho tido bastante sucesso com isso até tentar usar o SplitChunksPlugin para eliminar duplicações nos meus bundles usando a sua opção chunks: 'all'. Infelizmente, isto cria alguns bundles de JS extra que precisam to
Ler mais →javascript - Erro Angular 14 Webpack 5, módulos nodejs desnecessários (acho) estão a impedir-me de servir a aplicação
Estou a trabalhar numa aplicação Angular 14 totalmente nova. A minha versão do node é v14.20.0, o npm é 8.17.0
Não tenho a certeza do porquê, mas por alguma razão tenho todas estas dependências do Node.js incluídas. Tentei apagar a pasta node_modules e fa
Ler mais →javascript - Como ter um bundle.js mais legível com webpack (sourcemap)?
Estou a tentar fazer o meu primeiro projeto webpack e não consigo encontrar uma forma de mudar as chaves numéricas, que representam os módulos no meu output bundle.js, para uma string descritiva de forma a ser mais fácil rastreá-las no debugger...
Tentei output.chunkFilename e output.sourceMapFilename sem sucesso.
É assim que a minha tarefa gulp se parece:
gulp.task('webpack', function (done) { webpack({ entry: { app: paths.src + "/main.js", vendo Ler mais →javascript - Perf não está definido - a correr aplicação React com webpack-dev-server
Estou a tentar medir o desempenho do React com o addon Perf, mas quando tento executar Perf.start() na minha consola, recebo um erro: Uncaught ReferenceError: Perf is not defined(…)
Vale a pena mencionar que instalei o plugin através do npm e tenho um require('react
Ler mais →