fix asset import order

Author: drinking-code

src/compiler/assets.ts

@@ -32,6 +32,13 @@ export default async function collectAssetsFilePaths(entry: string): Promise<str
             const resolvedPath = resolveImportFileSpecifier(path.dirname(entry), filePath)
             return {kind, path: resolvedPath}
         })
+        styleFiles.push(
+            ...resolvedImports
+                .filter(({kind, path: filePath}) =>
+                    filePath.match(styleFilter) || filePath.match(imageFilter)
+                )
+                .map(({path: filePath}) => filePath)
+        )
         // import all js (ts, jsx, tsx) files
         resolvedImports
             .filter(({kind, path: filePath}) =>
@@ -40,15 +47,8 @@ export default async function collectAssetsFilePaths(entry: string): Promise<str
                 !filePath.startsWith(resolveProjectRoot('node_module')) &&
                 (process.env.INTERNAL_DEV !== 'true' || !filePath.startsWith(resolveModuleRoot('src'))) // only needed during development on cc
             )
-            .map(({kind, path: filePath}) => filePath)
+            .map(({path: filePath}) => filePath)
             .map(recursiveGetAllImports)
-        styleFiles.push(
-            ...resolvedImports
-                .filter(({kind, path: filePath}) =>
-                    filePath.match(styleFilter) || filePath.match(imageFilter)
-                )
-                .map(({kind, path: filePath}) => filePath)
-        )
     }
     recursiveGetAllImports(entry)
     addMarker('asset-collector', 'end')

src/compiler/client-script/generate-data-files.ts

@@ -25,6 +25,7 @@ export async function generateClientScriptFile() {
     let inputFile = ''
     const hfs = getVolume()
     inputFile += getAssetsFilePaths().map(path => `import '${path}'`).join(newLine)
+    console.log(inputFile)
     inputFile += newLine
     iterateObject(getStateListenersAsCode(), ([fileName, fileContents]) => {
         if (fileName === stateListenersFileName) {