influxdata / influxdata/giraffe

Investigate Webpack's `sideEffects: false`

Open
#466 0 comments 0 reactions 0 assignees View on GitHub
kind/feature request kind/tech debt team/ui
Dominant language
TypeScript
Stars
189
Forks
33
Avg merge
3d 15h
Merged PRs (30d)
4

Description

Reading up on [tree shaking,](https://webpack.js.org/guides/tree-shaking/#mark-the-file-as-side-effect-free) something caught my eye in a StackOverflow answer:

>Although technically this example is very primitive, when you start dealing with Frameworks or Libraries that re-export a bunch of modules up to a higher level for Developer Experience (Three.js, Angular, lodash-es, etc), then performance gains are significant when (if they are sideEffect free module exports) you flag them in this manner.

>A "side effect" is defined as code that performs a special behavior when imported, other than exposing one or more exports. An example of this are polyfills, which affect the global scope and usually do not provide an export.

https://stackoverflow.com/a/49203452/92446

Contributor guide

Open the contributing guide

Research direction

The issue names no repository files, tests, or entry points. Start with the linked Webpack tree-shaking guide and Stack Overflow answer, then determine whether this repository can safely use sideEffects: false. Done means recording the applicability and the configuration or follow-up change required.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript, webpack
Domain
build-system
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.