memex

Nascent attempt at using Foam to curate and leverage a personal memex


Project maintained by djplaner Hosted on GitHub Pages — Theme by mattgraham

Learning Webpack

Finally grok Webpack. ~/code/2021/webpack

Testing process

Need to test by included in Blackboard

Set up processes

npm set up

Basic development ideas

webpack.config.js

Getting Started

webpack getting started page

Initial demo

~WEBPACK/001_demo

Major topics covered

Initial setup

Using a configuration

Asset management

Essentially, treat other resources (e.g. images) like Javascript as part of Webpack depdendency management

Loading data

Output management

Development

Choosing a development tool

Code splitting

Sort of what entry points has been doing. Also Prevent Duplication and Dynamic Imports

But maybe not. Also issues of sharing modules (e.g. lodash) across multiples

Bundle analysis

Variosu tools to do this: analyze, webpack-chart, webpack-visualizer…bundle-stats

PRoduction

Suggested to use separate configs for production and development. But webpack-merge used to