-
Webpack 4模板,整合了Babel、SASS、PostCSS、Vue、Tailwind和Pug的webpack-boilerplate
资源介绍
使用Webpack的静态HTML页面
产品特点
使用和编写现代CSS
用和编写现代JS
预配置的 ,可快速构建定制设计
自动将模板和静态资产从src复制到dist文件夹
Linter脚本
使用webpack-dev-server热加载
生成转译,捆绑,自动前缀,缩小和压缩的文件以进行production
支持.env文件中的环境变量
使用删除未使用CSS
用法
用src/js编写所有ES2015 + Javascript代码,并用src/style编写SCSS样式。 将静态文件存储在public 。
src/views每个Pug页面都会生成一个具有相同名称的html页面。
开发中
在http://localhost:8080上启动webpack-dev-server:
$ yarn hot
在开发模式下构建应用程序:
$ yarn development
每当文件更改时重新编译:
$ yarn watch
整理您的代码:
$ yarn lint
在生产中
在dist文件夹中准备要生产的应用程序:
$ yarn production
贡献
不要犹豫,通过修改或添加