Skip to content

for the purpose of creating html mocks using pug and sass using webpack

License

Notifications You must be signed in to change notification settings

allyorange/webpack-html-mock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HTML Mock Creator With Webpack

Installation

git clone [email protected]:allyorange/webpack-html-mock.git
cd webpack-html-mock
npm ci

Live Reloading

npm run start

changes under src/ folder immediately show in your browser

This is also available on other devices. When live reloading starts in your terminal you can see :

[webpack-dev-server] Access URLs:
 -------------------------------------
       Local: http:https://0.0.0.0:3000
    External: http:https://xxxxxxxx:3000
 -------------------------------------

The External URL works on your phone if it is on the same network.

Build

npm run build

output files under public/ folder

Expanded Build

npm run build:expanded

output files with the expanded style

https://pugjs.org/api/reference.html#options

https://sass-lang.com/documentation/cli/dart-sass#style

About

for the purpose of creating html mocks using pug and sass using webpack

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages