Eleventy · Tailwind CSS · HTML · CSS · Javascript
Tổng quan về Dự án
- Dự án sử dụng Eleventy làm công cụ tạo trang tĩnh
- Mẫu mặc định là Nunjucks (có thể thay đổi)
- Cài đặt PostCSS để xử lý:
- TailwindCSS
- Nhập CSS
- Autoprefixer
- Sử dụng PurgeCSS để loại bỏ CSS không sử dụng (được cài đặt cho TailwindCSS mặc định) trong sản xuất
- HTML được làm nhỏ trong sản xuất
- CSS được nhúng và làm nhỏ trong sản xuất
- Sử dụng esbuild để gói và làm nhỏ các tập lệnh
- Tài liệu
<head>được tạo bằng htmlhead.dev
Bắt đầu
Cài đặt các phụ thuộc
npm install
Làm việc cục bộ
Bắt đầu nhiệm vụ theo dõi để biên dịch khi phát hiện thay đổi
npm start
Tạo bản dựng sản xuất
Làm nhỏ HTML, làm nhỏ JS, nhúng và làm nhỏ CSS.
npm run build
Triển khai
Bạn có thể đặt sản phẩm sản xuất trên bất kỳ máy chủ web hoặc dịch vụ nào bạn thích và tải lên thông qua bất kỳ phương thức nào, nó sẽ hoạt động.
Nếu bạn chưa có nơi để đặt trang web của bạn, bạn nên xem Netlify, tôi không thể đề xuất đủ nhiều. Để bắt đầu, bạn có thể nhấn vào nút bên dưới.
Người đóng góp
- Eleventy
- TailwindCSS
- PostCSS
- Autoprefixer
- PostCSS Import
- esbuild
- Luxon
- NPM Run All
- HTML Minifier
Chi tiết Tải về:
Tác giả: chrissy-dev
Nguồn: https://github.com/chrissy-dev/eleventy-web-starter
Giấy phép: MIT license
