Build Setup:
# Download repository:
git clone https://github.com/vedees/webpack-template-pug webpack-template-pug
# Go to the app:
cd webpack-template-pug
# Install dependencies:
npm install
# Server with hot reload at http://localhost:8081/
npm run dev
# Output will be at dist/ folder
npm run build
Project Structure:
src/pug/layout
- put custom layout for pagessrc/pug/includes
- all app includessrc/pug/utils
- pug mixins and othersrc/pug/pages
- put custom app pages. Don't forget to import them inindex.js
src/assets/sass
- put custom app SASS styles here. Don't forget to import them inindex.js
src/assets/css
- the same as above but CSS here. Don't forget to import them inindex.js
src/assets/img
- put images here. Don't forget to use correct path:assets/img/some.jpg
src/js
- put custom app scripts heresrc/index.js
- main app file where you include/import all required libs and init appsrc/components
- folder with custom.vue
componentsstatic/
- folder with extra static assets that will be copied into output folder
License
Copyright (c) 2020-present, Pavel_Arkhipov