Live Reload Vanilla Website Template ES6+Sass前端模板
Webpack 的实时刷新支持,加上 ES6 和 Sass 的现代开发体验,组成了这个挺好用的纯前端模板。你不需要用框架,也能用上模块化、热更新这些现在前端标配的能力。
Webpack 的实时刷新支持,加上ES6和Sass的现代开发体验,组成了这个挺好用的纯前端模板。你不需要用框架,也能用上模块化、热更新这些现在前端标配的能力。
开发的时候,运行yarn dev
,它会自动打开浏览器,监控./src
和./public
的改动,页面就能自动刷新。改个样式、写点逻辑,保存一下就能马上看到效果,效率还挺高。
支持用ES 模块的方式组织代码,还集成了 Sass 的编译。你写.scss
文件就行了,Webpack 会帮你编译、加前缀,发布时还会自动压缩,省了不少事。
生产构建也方便,打个包直接用yarn build
,生成好的静态文件放到服务器上就能跑。不用折腾什么配置,适合想快速搭建页面或者做小项目的你。
如果你对 Webpack 还不熟,可以先看看这个设置指南,配合起来用效果更好。
如果你想要个轻量的前端工作流,不用框架又想写现代 JS,那这个模板还蛮值得一试的。
live-reload-vanilla-website-template-master.zip
预估大小:17个文件
live-reload-vanilla-website-template-master
文件夹
.babelrc
140B
package.json
1KB
prettier.config.js
91B
LICENSE
1KB
src
文件夹
styles
文件夹
reset.scss
419B
main.scss
834B
scripts
文件夹
729.4KB
文件大小:
评论区