Light

exslym / main_vite-template_dnr Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 0.0 2.09 MB

Custom project VITE configuration for DnR template

JavaScript 41.06% HTML 35.01% CSS 0.14% SCSS 23.80%

autoprefixer babel7 css3 eslint html5 javascript postcss prettier scss sharp svgo terser vite vite-aliases vite-plugin-eslint vite-plugin-image-optimizer vitejs vite-plugin-legacy

main_vite-template_dnr's Introduction

Installation

npm install

Start Dev Server

npm start

Build Production Version

npm run build

Preview Build Production Version

npm run serve

Features:

Legacy Browsers support via @vite/plugin-legacy with built-in babel
SCSS support via sass
Linting support via eslint
Formatter support via prettier
Autoprefix support via postcss
Image Optimization support via vite-plugin-image-optimizer

Useful hints

For multipage site you should manually provide pages path in ./src/pages/pages.config.js
Place all external connected JS files (e.g. jQuery libs and others) in ./public/tools and provide them path in each html file (like this: <script src="tools/jquery-3.6.3.min.js"></script>).
Place all external connected css files (e.g. normalize.min.css and others) in ./src/assets/tools and provide them path in index.scss file (like this: @import url('../assets/tools/normalize.min.css');).
Write the PROJECT NAME and each PAGE TITLE in the <head> section of html files. They will be used in Google Analytics code below.

When you run `npm run build`:

All image files (svg, png, jpg/jpeg, tiff, gif, webp, avif) gets compressed with lossless quality
via vite-plugin-image-optimizer.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.