🏗 Generate tailwind as postcss file

Support syntax highlighting

Author: ky-is

generator/index.js

@@ -1,5 +1,5 @@
 module.exports = (api, options) => {
-	function findFileName (files, name) {
+	function findFileInNamed (files, name) {
 		const searchName = `/${name.toLowerCase()}`
 		return Object.keys(files).find(fileName => fileName.toLowerCase().includes(searchName))
 	}
@@ -18,27 +18,30 @@ module.exports = (api, options) => {
 	api.render('./templates', options)
 
 	api.postProcessFiles(files => {
+		const importRelativePath = 'assets/styles/tailwind'
+		delete files[`src/${importRelativePath}.css`]
+
 		const searchName = 'App.vue'
-		const appFileName = findFileName(files, searchName)
-		const importPath = 'assets/styles/tailwind.css'
+		const appFileName = findFileInNamed(files, searchName)
+		const importExtension = 'postcss'
 		if (!appFileName) {
-			return api.exitLog(`${searchName} file not found. Please import '${importPath}' manually.`, 'error')
+			return api.exitLog(`${searchName} file not found. Please import '${importRelativePath}' manually.`, 'error')
 		}
 		const appFileString = files[appFileName]
-		if (appFileString.includes(importPath)) {
+		if (appFileString.includes(importRelativePath)) {
 			return
 		}
-		const mainFileString = files[findFileName(files, 'main.')]
-		if (mainFileString && mainFileString.includes(importPath)) {
+		const mainFileString = files[findFileInNamed(files, 'main.')]
+		if (mainFileString && mainFileString.includes(importRelativePath)) {
 			return
 		}
-		const importStatement = `\n@import '${importPath}';\n`
+		const importStatement = `\n@import '${importRelativePath}.${importExtension}';\n`
 		const lines = appFileString.split(/\r?\n/g)
 		const styleIndex = lines.findIndex(line => line.startsWith('<style'))
 		if (styleIndex !== -1) {
 			lines[styleIndex] += importStatement
 		} else {
-			lines[lines.length - 1] += `\n<style>${importStatement}</style>\n`
+			lines[lines.length - 1] += `\n<style>${importStatement}\n</style>\n`
 		}
 		files[appFileName] = lines.join('\n')
 	})