【文件属性】:
文件名称:webpack-tailwindcss:在 Webpack 中使用 TailwindCSS
文件大小:68KB
文件格式:ZIP
更新时间:2021-07-23 17:59:58
webpack postcss tailwind purgecss JavaScript
webpack-tailwindcss
此模板旨在帮助您基于 Webpack + TailwindCSS 启动您的项目,同时保持最佳性能实践设置,因此您不必担心基础知识。
它为您设置了一些设置,因此您不必在文档、代码拆分和 ESBuild 构建中查找它们,这应该非常快。 还设置了带有 livereload 的本地开发。
用法
要使用此模板,请单击右上角的“使用此模板”绿色按钮。
将存储库克隆到您的计算机
安装依赖项 - npm ci
配置视图在。
npm 任务
npm start - 在http://localhost:8080上运行live-server并在更改时重新加载浏览器
npm run build - 在生产模式下构建资产
webpack 设置包括
由 ESBuild (FAST) 完成的 JS 和 CSS 转换和缩小
使用mini-css-extract-plugin
【文件预览】:
webpack-tailwindcss-master
----.github()
--------workflows()
----postcss.config.js(244B)
----webpack.config.js(991B)
----tailwind.config.js(771B)
----src()
--------js()
--------css()
----README.md(3KB)
----.editorconfig(293B)
----.gitignore(84B)
----CHANGELOG.md(361B)
----package-lock.json(234KB)
----package.json(938B)