feat(webpack): add svelte support (#8963)

NativeScript · Oct 17, 2020 · 0afea86 · 0afea86
1 parent 3240424
commit 0afea86
Show file tree

Hide file tree

Showing 4 changed files with 387 additions and 7 deletions.
diff --git a/packages/webpack/helpers/projectFilesManager.js b/packages/webpack/helpers/projectFilesManager.js
@@ -1,7 +1,7 @@
 const path = require("path");
 const fs = require("fs");
 
-const { isTypeScript, isAngular, isVue, isReact, isShared, isPlugin } = require("./projectHelpers");
+const { isTypeScript, isAngular, isVue, isReact, isSvelte, isShared, isPlugin } = require("./projectHelpers");
 
 function addProjectFiles(projectDir) {
     const projectTemplates = getProjectTemplates(projectDir);
@@ -73,6 +73,8 @@ function getProjectTemplates(projectDir) {
         templates = getVueTemplates(WEBPACK_CONFIG_NAME);
     } else if (isReact({ projectDir })) {
       templates = getReactTemplates(WEBPACK_CONFIG_NAME);
+    } else if (isSvelte({ projectDir })) {
+      templates = getSvelteTemplates(WEBPACK_CONFIG_NAME);
     } else if (isTypeScript({ projectDir })) {
         templates = getTypeScriptTemplates(WEBPACK_CONFIG_NAME);
     } else {
@@ -113,6 +115,12 @@ function getReactTemplates(webpackConfigName) {
   };
 }
 
+function getSvelteTemplates(webpackConfigName) {
+  return {
+      "webpack.svelte.js": webpackConfigName
+  };
+}
+
 function getJavaScriptTemplates(webpackConfigName) {
     return {
         "webpack.javascript.js": webpackConfigName,
@@ -141,4 +149,4 @@ module.exports = {
     removeProjectFiles,
     forceUpdateProjectFiles,
     compareProjectFiles,
-};
+};
diff --git a/packages/webpack/helpers/projectHelpers.js b/packages/webpack/helpers/projectHelpers.js
@@ -51,6 +51,13 @@ const isReact = ({ projectDir, packageJson } = {}) => {
       .some(dependency => dependency === "react-nativescript");
 };
 
+const isSvelte = ({ projectDir, packageJson } = {}) => {
+  packageJson = packageJson || getPackageJson(projectDir);
+
+  return packageJson.dependencies && Object.keys(packageJson.dependencies)
+      .some(dependency => dependency === "svelte-native");
+};
+
 const getPackageJson = projectDir => {
     const packageJsonPath = getPackageJsonPath(projectDir);
     const result = readJsonFile(packageJsonPath);
@@ -102,7 +109,7 @@ const getPackageJsonPath = projectDir => {
   } else {
     return getPackageJsonPath(resolve(projectDir, '..'));
   }
-  
+
 }
 const getNsConfigPath = projectDir => resolve(projectDir, "nsconfig.json");
 
@@ -145,6 +152,7 @@ module.exports = {
     getAngularVersion,
     isVue,
     isReact,
+    isSvelte,
     isTypeScript,
     writePackageJson,
     convertSlashesInPath,

diff --git a/packages/webpack/templates/webpack.config.spec.ts b/packages/webpack/templates/webpack.config.spec.ts
@@ -63,10 +63,10 @@ const webpackConfigAngular = proxyquire('./webpack.angular', {
 				fileReplacements: {},
 				copyReplacements: [],
 			};
-    },
-    hasConfigurations: (envConfigs) => {
-      return false;
-    }
+		},
+		hasConfigurations: (envConfigs) => {
+			return false;
+		},
 	},
 	'@nativescript/webpack/utils/ast-utils': {
 		getMainModulePath: () => {