Pacotes no desenvolvimento frontend

William Oliveira

January 05, 2021

87

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

80

Comunicação como filosofia de vida

0

120

Reflexões sobre performance em desenvolvimento frontend

0

55

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

Zoneless Testing

rainerhahnekamp

0

120

선언형 UI에서의 상태관리

0

160

testcontainers のススメ

1

120

Итераторы в Go 1.23: зачем они нужны, как использовать, и насколько они быстрые?

0

780

tidymodelsによるtidyな生存時間解析 / Japan.R2024

1

790

暇に任せてProxmoxコンソール作ってみました

2

720

Effective Signals in Angular 19+: Rules and Helpers @ngbe2024

0

140

バグを見つけた？それAppleに直してもらおう！

0

180

103 Early Hints

1

230

クリエイティブコーディングとRuby学習 / Creative Coding and Learning Ruby

0

3.9k

php-conference-japan-2024

0

300

テストケースの名前はどうつけるべきか？

0

130

Featured

See All Featured

Imperfection Machines: The Place of Print at Facebook

266

13k

Save Time (by Creating Custom Rails Generators)

28

900

458

140k

Music & Morning Musume

46

6.2k

How to Ace a Technical Interview

276

23k

The Art of Programming - Codeland 2020

53

13k

Building Adaptive Systems

38

2.3k

A Philosophy of Restraint

203

16k

The MySQL Ecosystem @ GitHub 2015

250

12k

Adopting Sorbet at Scale

73

9.1k

Documentation Writing (for coders)

66

4.5k

Building a Scalable Design System with Sketch

460

33k

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