Live Reload Vanilla Website Template ES6+Sass前端模板

Webpack 的实时刷新支持,加上 ES6 和 Sass 的现代开发体验,组成了这个挺好用的纯前端模板。你不需要用框架,也能用上模块化、热更新这些现在前端标配的能力。

Webpack 的实时刷新支持,加上ES6Sass的现代开发体验,组成了这个挺好用的纯前端模板。你不需要用框架,也能用上模块化、热更新这些现在前端标配的能力。

开发的时候,运行yarn dev,它会自动打开浏览器,监控./src./public的改动,页面就能自动刷新。改个样式、写点逻辑,保存一下就能马上看到效果,效率还挺高。

支持用ES 模块的方式组织代码,还集成了 Sass 的编译。你写.scss文件就行了,Webpack 会帮你编译、加前缀,发布时还会自动压缩,省了不少事。

生产构建也方便,打个包直接用yarn build,生成好的静态文件放到服务器上就能跑。不用折腾什么配置,适合想快速搭建页面或者做小项目的你。

如果你对 Webpack 还不熟,可以先看看这个设置指南,配合起来用效果更好。

如果你想要个轻量的前端工作流,不用框架又想写现代 JS,那这个模板还蛮值得一试的。

zip
live-reload-vanilla-website-template-master.zip 预估大小:17个文件
folder
live-reload-vanilla-website-template-master 文件夹
file
.babelrc 140B
file
package.json 1KB
file
prettier.config.js 91B
file
LICENSE 1KB
folder
src 文件夹
folder
styles 文件夹
file
reset.scss 419B
file
main.scss 834B
folder
scripts 文件夹
file
utils.js 165B
file
main.js 282B
file
.gitignore 101B
file
webpack.config.js 5KB
folder
public 文件夹
folder
assets 文件夹
folder
images 文件夹
file
venice-italy.jpg 632KB
file
oval.svg 697B
folder
styles 文件夹
folder
.gitkeep 文件夹
folder
scripts 文件夹
folder
.gitkeep 文件夹
file
index.html 766B
file
README.md 2KB
file
yarn.lock 237KB
zip 文件大小:729.4KB