GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → oslabs-beta → Snappy

oslabs-beta / Snappy

Licence: mit
snAppy is a VS Code extension coupled with an interactive view to support your React front-end delivery.

Programming Languages

typescript
32286 projects

Labels

reactwebpackvscodeoptimization

Projects that are alternatives of or similar to Snappy

Multipages Generator
🥇 generator for multiple pages webpack application
Stars: ✭ 354 (+145.83%)
Mutual labels:  webpack, optimization
Tris Webpack Boilerplate
A Webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in. Score a perfect 10/10 on performance.
Stars: ✭ 1,016 (+605.56%)
Mutual labels:  webpack, optimization
Closure Webpack Plugin
Webpack Google Closure Compiler and Closure Library plugin -
Stars: ✭ 392 (+172.22%)
Mutual labels:  webpack, optimization
Ts Monorepo
Template for setting up a TypeScript monorepo
Stars: ✭ 459 (+218.75%)
Mutual labels:  webpack, vscode
Alias Hq
The end-to-end solution for configuring, refactoring, maintaining and using path aliases
Stars: ✭ 77 (-46.53%)
Mutual labels:  webpack, vscode
Webpackmonitor
A tool for monitoring webpack optimization metrics through the development process
Stars: ✭ 2,432 (+1588.89%)
Mutual labels:  webpack, optimization
Public
Repository for wallaby.js questions and issues
Stars: ✭ 662 (+359.72%)
Mutual labels:  webpack, vscode
Electron React Typescript Webpack Boilerplate
Pre-configured boilerplate for Electron + React + TypeScript + Webpack
Stars: ✭ 146 (+1.39%)
Mutual labels:  webpack, vscode
Serverless Plugin Webpack
Serverless Plugin Webpack
Stars: ✭ 72 (-50%)
Mutual labels:  webpack, optimization
Vscode Ts Webpack Node Debug Example
VSCode TypeScript Webpack Node Debug Example
Stars: ✭ 66 (-54.17%)
Mutual labels:  webpack, vscode
Import Cost
displays the import size of the package you are importing inside the code editor
Stars: ✭ 1,021 (+609.03%)
Mutual labels:  webpack, vscode
Auxpack
A dashboard for monitoring Webpack build stats.
Stars: ✭ 86 (-40.28%)
Mutual labels:  webpack, optimization
Esbuild Loader
⚡️ Speed up your Webpack build with esbuild
Stars: ✭ 1,245 (+764.58%)
Mutual labels:  webpack, optimization
Webpack Conditional Loader
C conditionals directive for JavaScript
Stars: ✭ 93 (-35.42%)
Mutual labels:  webpack, optimization
Vueport
Single file components for Rails with Vue JS and Webpack
Stars: ✭ 141 (-2.08%)
Mutual labels:  webpack
Webpack Require From
Webpack plugin that allows to configure path or URL for fetching dynamic imports
Stars: ✭ 142 (-1.39%)
Mutual labels:  webpack
Book
《现代化前端工程师权威指南》https://guoyongfeng.github.io/book/
Stars: ✭ 141 (-2.08%)
Mutual labels:  webpack
Vscode Eggjs
vscode extension for https://eggjs.org/
Stars: ✭ 141 (-2.08%)
Mutual labels:  vscode
Avvw
Apicloud + Vue2 + Vant（有赞前端）+ Webpack4打包，极速开发APP框架，将apicloud的渲染效率和vue数据绑定特性发挥极致！
Stars: ✭ 143 (-0.69%)
Mutual labels:  webpack
Phaser Project Template Es6
Phaser 3 - Starter Template with ES6 (ESNext features included) and webpack.
Stars: ✭ 142 (-1.39%)
Mutual labels:  webpack
View All Similar Projects ➔

snAppy

snAppy is a VS Code extension coupled with an interactive view to support your React front-end delivery. It automates dynamic and vendor code-splitting all within your workspace.

Features

snAppy includes Webpack configuration and bundling, automated dynamic/vendor code-splitting, and exporting of webpack.config.js and bundle report files. snAppy works on top of your code base, never deleting your code and you may choose to keep/delete any changes made.

(gif/demo coming soon)

Getting Started

Extension Settings

Pull down the Command Palette in your workspace/project and search: snAppy: Start on Current Workspace. Turn on auto-save to allow for rebundle of your application after optimizations have been made. You may still undo any changes afterwards.

How to Use

As recommended by the Webpack documentation, please name your output folder as "dist" and include your index.html inside. The script source should be "bundle.js". For the entry path within the Webview, please supply the relative path from the workspace's root folder to index.js. Please see below:

Contributing and Issues

We are always looking to improve. If there are any contributions or issues you have, please check out our documentation to submit.

Release Notes

Created by: Courtney Kwong, Jackie Lin, Olga Naumova, Rachel Park
0.5.0 | Initial release of snAppy. More to come!

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].