Backpack is minimalistic build system for Node.js. Inspired by Facebook's create-react-app, Zeit's Next.js, and Remy's Nodemon, Backpack lets you create modern Node.js apps and services with zero configuration. Backpack handles all the file-watching, live-reloading, transpiling, and bundling, so you don't have to. It comes with a few conventions defaults (like support for the latest JavaScript awesomeness (i.e. async/await, object rest spread, and class properties)), but everything can be customized to fit your project's needs. Best of all, you can easily add Backpack to your existing Node.js project with just a single dependency.HOWEVER, you can configure Backpack to your project's needs by extending the underlying Webpack 2 configuration.
https://github.com/jaredpalmer/backpackTags | webpack node build babel es6 |
Implementation | Javascript |
License | MIT |
Platform | OS-Independent |
It's possible to write React Native apps in ES6+ using babel-loader and webpack. Check better approach using DependencyGraph module: dep-graph.
This repo is a boilerplate for React-Babel-Webpack project. You could use it as a base to build your own web app. First, clone the repo.
es6 web-app boilerplateRelay Fullstack is a Relay scaffolding application that aims to help you get up and running a project without worrying about integrating tools. It comes with many modern technologies; Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS. Relay Fullstack is also using Hot-reload to real time update the screen whenever any code changes. Check out the Live demo on Heroku.
react relay graphql nodejs yeoman scaffolding boilerplate express es6 es7 jsx webpack babel material-design-lite postcss fullstackNote: If you still want to use a previous version, please checkout old-original-structure branch. A boilerplate using the power and simplicity of React, Redux, Webpack 2 + HMR, and ES6 + JSX via Babel. Includes Webpack's Tree Shaking configuration. It's suitable for scalable applications and organized using the custom variation of the Ducks pattern — approach when each module's entry file (feature-name.js) contains all of its related constants, actions/action creators, selectors and its reducer.
react boilerplate react-boilerplate redux redux-boilerplate webpack2 react-router flow tdd-workflow tdd sentry static-types css-modules sass redux-devtools starter-kit starter-template starter-react es6 hmr hot babel webpack architecture webpack-dev-middleware webpack-hot-middleware starterPostlight's Modern Serverless Starter Kit adds a light layer on top of the Serverless framework, giving you the latest in modern JavaScript (ES6 via Webpack + Babel, testing with Jest, linting with ESLint, and formatting with Prettier), the ease and power of Serverless, and a few handy helpers (like functions for handling warm functions and response helpers). Once installed, you can create and deploy functions with the latest ES6 features in minutes, with linting and formatting baked in.
serverless babel webpack jest eslint prettier awsbabel-standalone is a standalone build of Babel for use in non-Node.js environments, including browsers. It's bundled with all the standard Babel plugins and presets, and a build of babili (babel-minify) is optionally available too.Note that .babelrc doesn't work in babel-standalone, as no file system access is available. The presets and/or plugins to use must be specified in the options passed to Babel.transform.
babel-standalone babel es2015 es6 babeljs 6to5 transpile transpilerSince plugin was published, there were a lot of changes in testing software. Be sure in most(all) cases you DON'T need this plugin for testing. I highly recommend you to use jest for testing, and use moduleNameMapper (identity-obj-proxy, etc) to mock CSS-Modules and other webpack loaders. This Babel 6 plugin allows you to use webpack loaders in Babel. It's now easy to run universal apps on the server without additional build steps, to create libraries as usual with babel src --out-dir lib command, to run tests without mocking-prebuilding source code. It just replaces require - import statements with webpack loaders results. Take a look at this Babel build output diff to get the idea.
babel webpack loader css-modules css-loaderA Serverless v1.x plugin to build your lambda functions with Webpack. For the complete release notes see the end of this document.
serverless webpack babel serverless-offline webpack-configuration serverless-plugin webpack2 webpack3 1.0 typescript es6 plugin runtimeBuild your React Native app with Webpack and Babel. Simple asset pipeline for seed apps built with React Native. Uses Babel 6 for ES7 JavaScript transpilation with Stage 1 support, and Webpack as a dev server and module bundler. Provides static code linting using ESLint and build output in the same console window, and Source Maps for debugging in the browser. Unprescriptive in terms of test frameworks and Flux implementations. Additional features listed below.
android ios mobile native react-native starter-kit webpackA lightweight foundation for your next webpack based frontend project. When you run npm run build we use the mini-css-extract-plugin to move the css to a separate file and included in the head of your index.html, so that the styles are applied before any javascript gets loaded. We disabled this function for the dev version, because the loader doesn't support hot module replacement.
starter-kit boilerplate frontend webpack sass babel es6 startkit webdevThis package allows transpiling JavaScript files using Babel and webpack.Notes: Issues with the output should be reported on the babel issue tracker.
webpack loader babel es6 transpiler moduleReact 示例项目 · 简易留言板。本项目拥有完善的文档说明与注释,让您快速上手 React 开发 SPA。Webpack / ES6 + Babel / Redux / React Router —— An Excellent React Starter,可能是东半球最佳的 React Starter,基于 Vue Cli 二次开发
react redux react-routerCheck out the JSPM version--an alternative to Webpack as an ES6 build system.If you're looking for a preliminary Angular 2 build, please use the angular2-webpack-starter.
angularjs angular1 angularclass ng6-starter gulp webpack angular es6Enhanced syntax definitions for Sublime Text 3. After installing the plugin and restarting Sublime, it will automatically use the syntaxes contained in this package.
syntax sublime es6 flowtype html5 es2015 php7 babel es2016 es7 webpack reactjs react flow sass postcss babel-sublime styled-components cssnextThis repository shows development and testing techniques with Angular. The application is written in modern Javascript without Typescript. It can be ideal for those who are new to Angular and want to learn how things work and fiddle with Typescript later. It is a basic CRUD application with authentication, similar to the news site jslive.com. You can see the list of links, add and edit them after you signed in.
angular babel webpack angular2 es6 gulpMake sure you have the latest Stable or LTS version of Node.js installed. You can export specific vendors in separate files and load them. All vendors should be included in app/vendors and will be exported in a vendors folder under dist. The main idea is to serve independent JavaScript and CSS libraries, though currently all file formats are supported.
react webpack boilerplate es6 hot-reload👕👖📦 A sample web and mobile application built with Node, Express, React, React Native, Redux and GraphQL. Very basic replica of stitchfix.com / krate.in (allows users to get monthly subscription of trendy clothes and accessories).
nodejs graphql express sequelize mysql jwt react redux ssr server-side-rendering react-native android ios seo-friendly es6 babel webpack adobe-xd web-application mobile-applicationA simple boilerplate app to demonstrate how to use ES6 and React with Electron. It uses Babel to automatically transpile ES6 and JSX code, without depending on any package manager besides npm. The Node and Electron binaries both take a parameter -r that automatically requires a module before the rest of the code. The npm start script is modified using this, which registers Babel and loads the entry point main.js.
Open and modern framework for building user interfaces. You can use webpack + babel, configure the babel-loader in the module settings of webpack, then you can use ES6+ to write your web program.
omi ui-components web component omijs omi-js omi-cliA wrapper library that adds ES6 promises and SQL-based migrations API to sqlite3 (docs).🔥 Want to strengthen your core JavaScript skills and master ES6? I would personally recommend this awesome ES6 course by Wes Bos.
nodejs sql sqlite database es7-async async migration migrations migrate db migrator seed seeds seeder node node5 babel es6 promise promises api
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.