ivarprudnikov / Webpack Static Html Pages
Licence: mit
Webpack template/example with multiple static html pages
Stars: ✭ 202
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
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 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
> 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
-
Install
node
(comes withnpm
). Suggested version expressed in .nvmrc file.
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
ornpm 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 preparehtml
,css
,js
files indist/
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
- @lifenautjoe and his webpack-starter-basic
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].