Oriented for better DX while creating landing pages or other small projects
- Config ESLint and Prettier
- User friendly output for build
- Pass html files through HtmlWebpackPlugin
- Fix live-reload issue
First of all you need Node.js version 8.9
or higher. You can find installation instructions for the last version here.
Let's go:
-
Init your progect with
npm init -y
command. -
Install bundler:
npm install @prismdev/lightweight-bundler
-
Create initial file structure:
$(npm bin)/lightweight-bundler init
For Windows:
.\node_modules\.bin\lightweight-bundler.cmd init
-
Start to create awesome things!
npm start
.
├── README.md
├── node_modules
├── package.json
├── .gitignore
└── src
├── index.css
├── index.js
├── assets // Resources the interface depends on
│ ├── images
│ ├── fonts
│ └── icons
├── components
│ └── [component-name]
│ ├── [component-name].css
│ └── [component-name].js
│
│ // Here you can place your components with their own
│ // styles and scripts
│
└── static
├── favicon.ico
├── manifest.json
├── index.html
└── content
// Directory contains different content resources.
// Such as product images, profile photos, galleries
// etc.
More information will be added here lately.
🚲 for Prism dev team 🕴🏼