fix: add webpack.common template for JS projects

fixes #113

Author: sis0k0

Diff for: projectFilesManager.js

@@ -57,8 +57,10 @@ function getProjectTemplates(projectDir) {
     if (helpers.isAngular({projectDir})) {
         templates["webpack.common.js.angular.template"] = "webpack.common.js";
         templates["tsconfig.aot.json.template"] = "tsconfig.aot.json";
+    } else if (helpers.isTypeScript({projectDir})) {
+        templates["webpack.common.js.typescript.template"] = "webpack.common.js";
     } else {
-        templates["webpack.common.js.nativescript.template"] = "webpack.common.js";
+        templates["webpack.common.js.javascript.template"] = "webpack.common.js";
     }
 
     return getFullTemplatesPath(projectDir, templates);

Diff for: projectHelpers.js

@@ -1,13 +1,17 @@
 const path = require("path");
 const fs = require("fs");
 
-const isTypeScript = packageJson => {
+const isTypeScript = ({projectDir, packageJson} = {}) => {
+    packageJson = packageJson || getPackageJson(projectDir);
+
     return packageJson.dependencies.hasOwnProperty("typescript") ||
         packageJson.devDependencies.hasOwnProperty("typescript") ||
         isAngular({packageJson});
 };
 
-const isAngular = projectDir => {
+const isAngular = ({projectDir, packageJson} = {}) => {
+    packageJson = packageJson || getPackageJson(projectDir);
+
     return Object.keys(packageJson.dependencies)
         .some(dependency => /^@angular\b/.test(dependency));
 };

Diff for: webpack.common.js.javascript.template

@@ -0,0 +1,129 @@
+var webpack = require("webpack");
+var nsWebpack = require("nativescript-dev-webpack");
+var nativescriptTarget = require("nativescript-dev-webpack/nativescript-target");
+var path = require("path");
+var CopyWebpackPlugin = require("copy-webpack-plugin");
+var ExtractTextPlugin = require("extract-text-webpack-plugin");
+
+module.exports = function (platform, destinationApp) {
+    if (!destinationApp) {
+        // Default destination inside platforms/<platform>/...
+        destinationApp = nsWebpack.getAppPath(platform);
+    }
+    var entry = {};
+    // Discover entry module from package.json
+    entry.bundle = "./" + nsWebpack.getEntryModule();
+    // Vendor entry with third party libraries.
+    entry.vendor = "./vendor";
+    // app.css bundle
+    entry["app.css"] = "./app.css";
+
+    var plugins = [
+        new ExtractTextPlugin("app.css"),
+        // Vendor libs go to the vendor.js chunk
+        new webpack.optimize.CommonsChunkPlugin({
+            name: ["vendor"]
+        }),
+        // Define useful constants like TNS_WEBPACK
+        new webpack.DefinePlugin({
+            "global.TNS_WEBPACK": "true",
+        }),
+        // Copy assets to out dir. Add your own globs as needed.
+        new CopyWebpackPlugin([
+            { from: "app.css" },
+            { from: "css/**" },
+            { from: "fonts/**" },
+            { from: "**/*.jpg" },
+            { from: "**/*.png" },
+            { from: "**/*.xml" },
+        ], { ignore: ["App_Resources/**"] }),
+        // Generate a bundle starter script and activate it in package.json
+        new nsWebpack.GenerateBundleStarterPlugin([
+            "./vendor",
+            "./bundle",
+        ]),
+    ];
+
+    if (process.env.npm_config_uglify) {
+        plugins.push(new webpack.LoaderOptionsPlugin({
+            minimize: true
+        }));
+
+        // Work around an Android issue by setting compress = false
+        var compress = platform !== "android";
+        plugins.push(new webpack.optimize.UglifyJsPlugin({
+            mangle: {
+                except: nsWebpack.uglifyMangleExcludes,
+            },
+            compress: compress,
+        }));
+    }
+
+    return {
+        context: path.resolve("./app"),
+        target: nativescriptTarget,
+        entry: entry,
+        output: {
+            pathinfo: true,
+            path: path.resolve(destinationApp),
+            libraryTarget: "commonjs2",
+            filename: "[name].js",
+        },
+        resolve: {
+            // Resolve platform-specific modules like module.android.js
+            extensions: [
+                ".js",
+                ".css",
+                "." + platform + ".js",
+                "." + platform + ".css",
+            ],
+            // Resolve {N} system modules from tns-core-modules
+            modules: [
+                "node_modules/tns-core-modules",
+                "node_modules",
+            ]
+        },
+        node: {
+            // Disable node shims that conflict with NativeScript
+            "http": false,
+            "timers": false,
+            "setImmediate": false,
+            "fs": "empty",
+        },
+        module: {
+            loaders: [
+                {
+                    test: /\.html$/,
+                    loader: "raw-loader"
+                },
+                // Root app.css file gets extracted with bundled dependencies
+                {
+                    test: /app\.css$/,
+                    loader: ExtractTextPlugin.extract([
+                        "resolve-url-loader",
+                        "nativescript-css-loader",
+                        "nativescript-dev-webpack/platform-css-loader",
+                    ]),
+                },
+                // Other CSS files get bundled using the raw loader
+                {
+                    test: /\.css$/,
+                    exclude: /app\.css$/,
+                    loaders: [
+                        "raw-loader",
+                    ]
+                },
+                // SASS support
+                {
+                    test: /\.scss$/,
+                    loaders: [
+                        "raw-loader",
+                        "resolve-url-loader",
+                        "sass-loader",
+                    ]
+                },
+            ]
+        },
+        plugins: plugins,
+    };
+};