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

3 Effective Rules for Using Signals in Angular

1

100

3 Effective Rules for Using Signals in Angular

0

110

as（型アサーション）を書く前にできること

10

2.6k

Contemporary Test Cases

0

130

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

0

330

카카오페이는 어떻게 수천만 결제를 처리할까? 우아한 결제 분산락 노하우

0

110

Snowflake x dbtで作るセキュアでアジャイルなデータ基盤

2

520

OnlineTestConf: Test Automation Friend or Foe

0

110

見せてあげますよ、「本物のLaravel批判」ってやつを。

7

7.7k

Hotwire or React? ~アフタートーク・本編に含めなかった話~ / Hotwire or React? after talk

1

120

WebフロントエンドにおけるGraphQL（あるいはバックエンドのAPI）との向き合い方 / #241106_plk_frontend

4

1.4k

Compose 1.7のTextFieldはPOBox Plusで日本語変換できない

0

190

Featured

See All Featured

How to train your dragon (web standard)

88

5.7k

Building a Modern Day  E-commerce SEO Strategy

38

6.9k

Building Flexible Design Systems

yeseniaperezcruz

327

38k

How STYLIGHT went responsive

95

5.2k

Fontdeck: Realign not Redesign

paulrobertlloyd

82

5.2k

Building Your Own Lightsaber

103

6.1k

Documentation Writing (for coders)

65

4.4k

YesSQL, Process and Tooling at Scale

169

14k

Cheating the UX When There Is Nothing More to Optimize - PixelPioneers

stephaniewalter

280

13k

[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails

33

1.9k

Docker and Python

40

3.1k

jQuery: Nuts, Bolts and Bling

61

7.5k

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