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

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

0

710

KubeCon + CloudNativeCon NA 2024 Overviewat Kubernetes Meetup Tokyo #68 / amsy810_k8sjp68

0

250

競技プログラミングへのお誘い@阪大BOOSTセミナー

0

360

ブラウザ単体でmp4書き出すまで - muddy-web - 2024-12

2

460

あれやってみてー駆動から成長を加速させる / areyattemite-driven

1

200

CSC305 Lecture 26

0

140

複雑な仕様に立ち向かうアーキテクチャ

0

170

プロダクトの品質にコミットする / Commit to Product Quality

2

770

DevFest Tokyo 2025 - Flutter のアプリアーキテクチャ現在地点

5

900

Zoneless Testing

rainerhahnekamp

0

120

PHPとAPI Platformで作る本格的なWeb APIアプリケーション（入門編） / phpcon 2024 Intro to API Platform

0

160

range over funcの使い道と非同期N+1リゾルバーの夢 / about a range over func

0

110

Featured

See All Featured

Why You Should Never Use an ORM

54

9.1k

How STYLIGHT went responsive

95

5.2k

A better future with KSS

238

17k

実際に使うSQLの書き方徹底解説 / pgcon21j-tutorial

169

50k

Designing for humans not robots

250

25k

The Art of Programming - Codeland 2020

53

13k

4 Signs Your Business is Dying

181

21k

"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)

226

22k

Building Your Own Lightsaber

103

6.1k

Optimizing for Happiness

376

70k

Adopting Sorbet at Scale

73

9.1k

GraphQLとの向き合い方2022年版

44

13k

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