Please file an issue if anything is broken.See common-shake for abstract bundler-independent implementation.
webpack commonjs tree-shaking webpack-plugin tree shakeProduction-ready React + Webpack architecture implemented on consumer web apps of some of the most successful enterprises in the world. Perceived performance and development experience are key factors in this setup. You can use this code base for learning or to scaffold your mission-critical project. See live demo.
react redux webpack tree-shaking webpack2 budgeting babel sass eslint prettier service-worker prpl react-routerProduction-ready React + Webpack architecture implemented on consumer web apps of some of the most successful enterprises in the world. Perceived performance and development experience are key factors in this setup. You can use this code base for learning or to scaffold your mission-critical project. See live demo.
react redux webpack tree-shaking webpack2 budgeting babel sass eslint prettier service-worker prpl react-routerClosure Compiler is the most advanced JavaScript optimization tool. It generates smallest bundle and emits efficient JavaScript code by doing whole program analysis and optimization, removing closures and inlining function calls, as well as tree-shaking for AMD, CommonJS and ES2015 modules. While there's JavaScript version of Closure Compiler, the original compiler is written in Java and thus Java version is more complete and performs better in terms of JavaScript code optimizations and compilation speed. If you want to use Java-based compiler, make sure you have installed Java SDK.
closure-compiler webpack-closure-compiler optimization tree-shaking webpack closure compiler build optimize dead code plugina browserify plugin that runs various optimizations, so you don't have to install them all manually. browser-pack-flat and bundle-collapser are both not used if the --full-paths option is passed to Browserify. This way you can still get all of tinyify's other optimizations when building for disc.
browserify uglify minify optimize tree-shaking browserify-pluginWebpack 2 automatically splits routes in chunks (small bundles) and loads them on demand. ##System Requirements Before installing the dependencies, make sure your system has the correct Node and Npm versions, otherwise you will get errors.
chunk splitting webpack webpack2 react react-router tree-shaking hmr service-worker offline preloading pre-load pre-cacheThis repository shows how to configure Babel and Webpack to enable tree-shaking. It will eliminate dead code if they have ES2015 module format. The source code can be found in the app/ folder, where the main file car.js doesn't use all the dependencies from engine.js. The built and transpiled files can be found in the /dist folder.
babel webpack babili tree-shakingTells you whether the JavaScript library you're building is tree-shakeable. Tell you why tree-shaking fails, if it does. Maybe in a future version.
modules bundlers rollup webpack parcel tree-shakingSee webpack-common-shake for webpack plugin.This software is licensed under the MIT License.
commonjs tree-shaking tree shakeA serverless plugin to automatically bundle your functions individually with webpack. This plugin is partially based on Serverless Webpack.
serverless webpack webpack2 tree-shaking optimization plugin aws aws-lambda serverless-pluginThis is an example project to accompany a tutorial on using Rollup.
rollup tutorial video bundle es2015-modules tree-shaking轻量级架构记录工具 - Command-line tools for working with Architecture Decision Records
architecture-decision-records adr architecture-decision decision-records architecture-doc architecture-visualization architecture-guidelines async ava await boilerplate conventional-changelog es6 es7 library javascript-modules node nyc rollup starter template tree-shaking tslint typedoc typescript typingsThis repository shows how to configure Typescript and Webpack to enable tree-shaking. It will eliminate dead code if they have ES2015 module format. The source code can be found in the app/ folder, where the main file car.js doesn't use all the dependencies from engine.js. The built and transpiled files can be found in the /dist folder.
typescript webpack babili tree-shakingSuper lightweight boilerplate tailored to help developers understand how to create custom loaders and plugins. npm run debug _ will run the same build with node debugger. _ paste provided link in Chrome (or Canary), and you will have the super incredible ChromeDevTools to step through your code for learning, exploration, and debugging.
tree-shaking babel webpack toolkit developerAn awesome list of tools and techniques to make your web bundle size smaller and your web apps load faster. Code-splitting your app can help you “lazy-load” just the things that are currently needed by the user, which can dramatically improve the performance of your app. While you haven’t reduced the overall amount of code in your app, you’ve avoided loading code that the user may never need, and reduced the amount of code needed during the initial load.
awesome-list awesome bundle-size performance tree-shaking code-splittingIt's technically GitHub Octicons with tree-shaking support and icon-per-file style. Please check the Contributing Guidelines.
icon icons octicons modular vuejs react component tree-shakingThis package tells you if an npm module uses ECMAScript modules or not. ECMAScript modules are statically analyzable. This helps bundlers and JavaScript optimizers to get rid of the unused exports and ultimately make your bundles smaller.
cli performance tree-shaking esm modules npm cjs commonjsbrowserify tree shaking plugin based on common-shake, the CommonJS tree shaker originally by @indutny. Comments out unused exports from CommonJS modules.
browserify commonjs tree-shaking browserify-plugin common-shake
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.