文件名称:webpack-boilerplate:带Babel,SASS,PostCSS,Vue,Tailwind和Pug的Webpack 4模板
文件大小:169KB
文件格式:ZIP
更新时间:2024-02-19 18:48:20
sass babel webpack vue postcss
使用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 贡献 不要犹豫,通过修改或添加
【文件预览】:
webpack-boilerplate-master
----package.json(3KB)
----.github()
--------FUNDING.yml(24B)
----.env.example(0B)
----src()
--------assets()
--------js()
--------views()
--------stylesheets()
----.eslintrc.js(747B)
----.gitignore(25B)
----tailwind.config.js(65B)
----.huskyrc.js(64B)
----.npmrc(16B)
----public()
--------robots.txt(23B)
----README.md(2KB)
----yarn.lock(402KB)
----.eslintignore(21B)
----postcss.config.js(587B)
----build()
--------webpack.prod.js(2KB)
--------webpack.common.js(4KB)
--------webpack.dev.js(695B)
----babel.config.js(2KB)