Pacotes no desenvolvimento frontend

William Oliveira

January 05, 2021

85

Pacotes no desenvolvimento frontend

Palestra sobre a utilização de module bundlers ministrada em uma tech talk na Escale Digital.

https://escale.com.br/trabalhe-conosco

William Oliveira

January 05, 2021

Tweet

More Decks by William Oliveira

See All by William Oliveira

Comunidades de Programação: o impacto da tecnologia na vida de jovens da periferia

0

130

Pipeline de qualidade em aplicações frontend

0

150

Arquitetura frontend para aplicações de alta escalabilidade - William Oliveira (@1ilhas)

0

230

Métricas de performance no client side

0

77

Comunicação como filosofia de vida

0

120

Reflexões sobre performance em desenvolvimento frontend

0

53

Do portfólio a uma boa entrevista de emprego

2

170

Quando a ansiedade deixa de ser normal

2

470

Ascensão social pelo apoio das comunidades de programação

8

940

Other Decks in Programming

See All in Programming

CSC509 Lecture 11

0

180

TypeScript Graph でコードレビューの心理的障壁を乗り越える

2

1.1k

watsonx.ai Dojo #4 生成AIを使ったアプリ開発、応用編

1

140

リアーキテクチャxDDD 1年間の取り組みと進化

1

220

AWS Lambdaから始まった Serverlessの「熱」とキャリアパス / It started with AWS Lambda Serverless “fever” and career path

1

260

Amazon Bedrock Agentsを用いてアプリ開発してみた！

0

340

TypeScriptでライブラリとの依存を限定的にする方法

3

690

シェーダーで魅せるMapLibreの動的ラスタータイル

1

480

AI時代におけるSRE、 あるいはエンジニアの生存戦略

6

1.2k

Enabling DevOps and Team Topologies Through Architecture: Architecting for Fast Flow

0

340

2024/11/8 関西Kaggler会 2024 #3 / Kaggle Kernel で Gemma 2 × vLLM を動かす。

5

940

型付き API リクエストを実現するいくつかの手法とその選択 / Typed API Request

8

2.2k

Featured

See All Featured

The Invisible Side of Design

298

50k

Java REST API Framework Comparison - PWX 2021

28

8.2k

jQuery: Nuts, Bolts and Bling

61

7.5k

Designing the Hi-DPI Web

280

34k

Keith and Marios Guide to Fast Websites

409

22k

個人開発の失敗を避けるイケてる考え方 / tips for indie hackers

93

16k

Imperfection Machines: The Place of Print at Facebook

265

13k

Save Time (by Creating Custom Rails Generators)

27

840

Facilitating Awesome Meetings

50

6.1k

The Art of Programming - Codeland 2020

52

13k

Principles of Awesome APIs and How to Build Them.

126

17k

The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024

16

2.1k

Transcript

William Oliveira
None
None
None
None
None
None
None
None
http://www.evolutionoftheweb.com/?hl=pt-br evolutionoftheweb.com
None
None
None
<html> ... <script src="/src/jquery.min.js"></script> <script src="/src/module_1.js"></script> <script src="/src/module_2.js"></script> <script src="/src/module_3.js"></script>
<script src="/src/app.js"></script> </html>
None
<html> <script src="/dist/bundle.js"></script> </html>
None
None
None
None
None
None
None
module.exports = { entry: './path/to/my-entry-file.js' }
const path = require('path'); module.exports = { entry: './path/to/my-entry-file.js', output:
{ path: path.resolve(__dirname, 'dist'), filename: 'app.bundle.js' } };
entry: { app: './src/app.js', dashboard: './src/dashboard.js' }
None
rules: [ { test: /\.css$/, use: [ { loader: 'style-loader'
}, { loader: 'css-loader', options: { modules: true } }, { loader: 'sass-loader' } ] } ]
None
plugins: [ new Dotenv({ path: './.env', safe: true }) ]
None
module.exports = { mode: 'production', entry: './path/to/my-entry-file.js', output: { path:
path.resolve(__dirname, 'dist'), filename: 'bundle.js' }, module: { rules: [ { test: /\.jsx?$/, loader: 'babel-loader', options: { presets: ['es2015'] } }, { test: /\.html$/, use: [ 'htmllint-loader', { loader: 'html-loader', options: {} ...
None