All Projects → ivarprudnikov → Webpack Static Html Pages

ivarprudnikov / Webpack Static Html Pages

Licence: mit
Webpack template/example with multiple static html pages

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Webpack Static Html Pages

Vue Admin Webapp
this is a admin project
Stars: ✭ 673 (+233.17%)
Mutual labels:  webpack, webpack4, npm
Webpack Cdn Plugin
A webpack plugin that use externals of CDN urls for production and local node_modules for development
Stars: ✭ 306 (+51.49%)
Mutual labels:  webpack, webpack4, npm
Webpack Babel Multi Target Plugin
A Webpack plugin that works with Babel to allow differential loading - production deployment of ES2015 builds targeted to modern browsers, with an ES5 fallback for legacy browsers.
Stars: ✭ 150 (-25.74%)
Mutual labels:  webpack, webpack4
Vue Webpack Config
Koa2、Webpack、Vue、React、Node
Stars: ✭ 151 (-25.25%)
Mutual labels:  webpack, webpack4
Reactn
React, but with built-in global state management.
Stars: ✭ 1,906 (+843.56%)
Mutual labels:  webpack, npm
Book
《现代化前端工程师权威指南》https://guoyongfeng.github.io/book/
Stars: ✭ 141 (-30.2%)
Mutual labels:  webpack, npm
Vue 2 Webpack 4 Boilerplate
Ready to use Vue 2+ project with webpack 4 configuration for development and production
Stars: ✭ 142 (-29.7%)
Mutual labels:  webpack, webpack4
Goa
基于Beego开发的问答系统
Stars: ✭ 154 (-23.76%)
Mutual labels:  webpack, npm
Webpack Demo
webpack 4 config. demo ⚙️
Stars: ✭ 131 (-35.15%)
Mutual labels:  webpack, webpack4
Vue Chrome Extension Boilerplate
Boilerplate for Chrome extension using Vue.js and Webpack with auto-reload enabled.
Stars: ✭ 171 (-15.35%)
Mutual labels:  webpack, webpack4
Webpack.js.org
Repository for webpack documentation and more!
Stars: ✭ 2,049 (+914.36%)
Mutual labels:  webpack, webpack4
Styled React Boilerplate
Minimal & Modern boilerplate for building apps with React & styled-components
Stars: ✭ 198 (-1.98%)
Mutual labels:  webpack, webpack4
Webpack Guide
Webpack Handbook
Stars: ✭ 136 (-32.67%)
Mutual labels:  webpack, npm
Webpack Internal Plugin Relation
🔎 a tiny tool to show the relation of webpack internal plugins & hooks
Stars: ✭ 135 (-33.17%)
Mutual labels:  webpack, webpack4
Modern Wasm Starter
🛸 Run C++ code on web and create blazingly fast websites! A starter template to easily create WebAssembly packages using type-safe C++ bindings with automatic TypeScript declarations.
Stars: ✭ 140 (-30.69%)
Mutual labels:  webpack, npm
React Redux Bootstrap Webpack Starter
React 16.9 + Typescript + React-Router 4 + Redux + Bootstrap 4 + Hot Reload + redux-devtools-extension + Webpack 4 + styled-components STARTER
Stars: ✭ 133 (-34.16%)
Mutual labels:  webpack, webpack4
Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✭ 1,833 (+807.43%)
Mutual labels:  webpack, webpack4
Webpack By Sample
Learn webpack by sample, each of the samples contains a readme.md file that indicates the purpose of the sample plus an step by step guide to reproduce it.
Stars: ✭ 190 (-5.94%)
Mutual labels:  webpack, webpack4
Php Sf Flex Webpack Encore Vuejs
A simple app skeleton to try to make every components work together : symfony 4 (latest stable at the date, but work with sf 3.3+ if you just change the versions in composer.json), symfony/flex, webpack-encore, vuejs 2.5.x, boostrap 4 sass
Stars: ✭ 118 (-41.58%)
Mutual labels:  webpack, npm
Awesome Webpack 4
A curated list of webpack 4 Resources
Stars: ✭ 126 (-37.62%)
Mutual labels:  webpack, webpack4

Static html pages with Webpack 4

Build Status js-standard-style GitHub issues GitHub last commit

> PREVIEW LIVE

This is a forkable example of static site (plain html/css/javascript) assembled with webpack. You could also use this repository as a template when creating a new one.

Article explaining how this example was created: https://www.ivarprudnikov.com/static-website-multiple-html-pages-using-webpack-plus-github-example/

Prerequisites

Development

  • npm i - install dependencies
  • npm start - start development server
  • npm test - run minimal tests (eg: lint javascript files)
  • npm run cy:run - run Cypress functional/browser/e2e tests. Works only when running website locally (npm start or npm run preview)

Where are generated files?

In development mode webpack does not write generated files to disk, in order to change it switch devServer.writeToDisk to true in webpack.dev.js

Production

  • npm run build to prepare html, css, js files in dist/ directory
  • npm run preview - run build and serve production files locally

Production build is built on Travis CI and saved in gh-pages branch which in turn is hosted through Github pages https://ivarprudnikov.github.io/webpack-static-html-pages/

Credits

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].