snAppysnAppy 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. FeaturessnAppy 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 StartedExtension SettingsPull 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 UseAs 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 IssuesWe are always looking to improve. If there are any contributions or issues you have, please check out our documentation to submit. Release NotesCreated by: Courtney Kwong, Jackie Lin, Olga Naumova, Rachel Park
|