cool-static-cli(webpack4 + jquery + scss + pjax for multipage static websites)

• HTML (lodash template)
• Modern JavaScript
• Jquery + pjax No Refresh loading auto refresh to another page
• SCSS
• PostCSS

Start

npm i cool-static-cli -g

Init

mkdir project && cd project cool-static-cli init npm i

Development

npm run dev

Build

npm run build

SVG Sprites

• Put svg files in src/img/svg
• In HTML, use <svg><use xlink:href="#svg-file-name"></use></svg>

Dir

.
+-- dist(Publish directory)
|
+-- src(Development Directory)
|   +-- favicon
|   +-- fonts
|   +-- html
|   |   +-- include
|   |   |   +-- header.html
|   |   |   +-- footer.html
|   |   +-- views
|   |   |   +-- index.html
|   +-- img
|   +-- js
|   |   +-- package
|   |   +-- page
|   |   +-- index.js
|   |   +-- main.js
|   +-- media
|   +-- scss
+-- webpack.config.js
+-- postcss.config.js
+-- package.json