Skip to content

使用html,css,js(ts)书写简单demo。webpack构建多页面应用,可配置,命令行快速创建模板文件,Github Action持续集成部署预览::tea: https://xszi.github.io/html-css-js/index.html

Notifications You must be signed in to change notification settings

xszi/html-css-js

Repository files navigation

HTML-CSS-JS

使用htmlcssjs(ts)书写简单demowebpack构建多页面应用,可配置,命令行快速创建模板文件,Github Action持续集成部署预览:🍵 预览地址

本项目构建参考了一位Github大神开源的代码(链接找不回来了,特此感谢!),然后自己修改了部分webpack配置,使之符合本项目需求。demo部分自己写的,其他筛选自css-js-animation

  • 多页面应用
  • 快速创建新页面模板
  • 添加Github Action部署,使用线上绝对路径引用图片(相对路径图片地址不对)
  • Pug模板改为原生Html, stylus换成原生css(css变量)
  • 可配置化使用Eslint, typescript, jquery, pug

运行项目

// 开发
$ npm install
$ npm run dev
// 生产
$ npm install
$ npm run build
// 自动生成页面
$ npm run new:view 

项目配置

  • pug
  • eslint
  • jquery
  • typescript

可在config.js配置文件中选择是否开启

About

使用html,css,js(ts)书写简单demo。webpack构建多页面应用,可配置,命令行快速创建模板文件,Github Action持续集成部署预览::tea: https://xszi.github.io/html-css-js/index.html

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy