Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Pacotes no desenvolvimento frontend

William Oliveira
January 05, 2021
Programming
0
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
woliveiras
0
120
Pipeline de qualidade em aplicações frontend
woliveiras
0
150
Arquitetura frontend para aplicações de alta escalabilidade - William Oliveira (@1ilhas)
woliveiras
0
230
Métricas de performance no client side
woliveiras
0
77
Comunicação como filosofia de vida
woliveiras
0
120
Reflexões sobre performance em desenvolvimento frontend
woliveiras
0
53
Do portfólio a uma boa entrevista de emprego
woliveiras
2
170
Quando a ansiedade deixa de ser normal
woliveiras
2
470
Ascensão social pelo apoio das comunidades de programação
woliveiras
8
940

Other Decks in Programming

See All in Programming
Outline View in SwiftUI
1024jp
1
260
Generative AI Use Cases JP (略称:GenU)奮闘記
hideg
0
180
CSC509 Lecture 08
javiergs
PRO
0
110
JavaでLチカしたい！ / JJUG CCC 2024 Fall LT
nhayato
0
110
Sidekiqで実現する 長時間非同期処理の中断と再開 / Pausing and Resuming Long-Running Asynchronous Jobs with Sidekiq
hypermkt
6
2.9k
Realtime API 入門
riofujimon
0
130
Nurturing OpenJDK distribution: Eclipse Temurin Success History and plan
ivargrimstad
0
310
Amazon Qを使ってIaCを触ろう！
maruto
0
350
AI時代におけるSRE、
あるいはエンジニアの生存戦略
pyama86
1
320
AWS IaCの注目アップデート 2024年10月版
konokenj
3
3.2k
デプロイを任されたので、教わった通りにデプロイしたら障害になった件 ～俺のやらかしを越えてゆけ～
techouse
53
33k
Googleのテストサイズを活用したテスト環境の構築
toms74209200
0
300

Featured

See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
The Invisible Side of Design
smashingmag
297
50k
Speed Design
sergeychernyshev
24
580
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
27
2k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.2k
The Cult of Friendly URLs
andyhume
78
6k
Become a Pro
speakerdeck
PRO
25
5k
A designer walks into a library…
pauljervisheath
202
24k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
Automating Front-end Workflow
addyosmani
1366
200k
Building Flexible Design Systems
yeseniaperezcruz
327
38k

Transcript

  1. William Oliveira

  2. None
  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None

  10. http://www.evolutionoftheweb.com/?hl=pt-br evolutionoftheweb.com

  11. None
  12. None
  13. None

  14. <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>
  15. None

  16. <html> <script src="/dist/bundle.js"></script> </html>

  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None

  24. module.exports = { entry: './path/to/my-entry-file.js' }

  25. const path = require('path'); module.exports = { entry: './path/to/my-entry-file.js', output:

    { path: path.resolve(__dirname, 'dist'), filename: 'app.bundle.js' } };

  26. entry: { app: './src/app.js', dashboard: './src/dashboard.js' }

  27. None

  28. rules: [ { test: /\.css$/, use: [ { loader: 'style-loader'

    }, { loader: 'css-loader', options: { modules: true } }, { loader: 'sass-loader' } ] } ]
  29. None

  30. plugins: [ new Dotenv({ path: './.env', safe: true }) ]

  31. None

  32. 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: {} ...
  33. None