Merge pull request #60 from zbranzov/zbranzov/fix-webpack

Fix webpack uglify option.

Author: bradmartin

.gitignore

@@ -34,4 +34,5 @@ node_modules
 publish/src
 publish/package
 demo/report/report.html
-demo/report/stats.json
+demo/report/stats.json
+!demo/webpack.config.js

demo/app/app.ts

@@ -1,2 +1,3 @@
 import * as app from "tns-core-modules/application";
+import "./bundle-config";
 app.start({ moduleName: "main-page" });

demo/app/bundle-config.ts

@@ -0,0 +1,11 @@
+declare var global: NodeJS.Global;
+
+if ((<any>global).TNS_WEBPACK) {
+    require("tns-core-modules/bundle-entry-points");
+
+    global.registerModule("main-page", () => require("./main-page"));
+    global.registerModule("multifab", () => require("./multifab"));
+
+    // register application modules
+    global.registerModule("nativescript-floatingactionbutton", () => require("nativescript-floatingactionbutton"));
+}

demo/package.json

@@ -28,15 +28,16 @@
     "lazy": "1.0.11",
     "nativescript-css-loader": "~0.26.0",
     "nativescript-dev-typescript": "libs",
-    "nativescript-dev-webpack": "^0.7.3",
+    "nativescript-dev-webpack": "^0.8.0",
     "raw-loader": "~0.5.1",
     "resolve-url-loader": "~2.1.0",
     "tns-platform-declarations": "^3.1.0",
     "tslint": "~5.4.3",
     "typescript": "~2.3.0",
     "webpack": "~3.2.0",
     "webpack-bundle-analyzer": "^2.8.2",
-    "webpack-sources": "~1.0.1"
+    "webpack-sources": "~1.0.1",
+    "nativescript-worker-loader": "~0.8.1"
   },
   "scripts": {
     "build.plugin": "cd ../src && npm run build",

demo/webpack.config.js

@@ -0,0 +1,206 @@
+const { resolve, join  } = require("path");
+
+const webpack = require("webpack");
+const nsWebpack = require("nativescript-dev-webpack");
+const nativescriptTarget = require("nativescript-dev-webpack/nativescript-target");
+const CopyWebpackPlugin = require("copy-webpack-plugin");
+const ExtractTextPlugin = require("extract-text-webpack-plugin");
+const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
+
+
+const mainSheet = `app.css`;
+
+module.exports = env => {
+    const platform = getPlatform(env);
+
+    // Default destination inside platforms/<platform>/...
+    const path = resolve(nsWebpack.getAppPath(platform));
+
+    const entry = {
+        // Discover entry module from package.json
+        bundle: `./${nsWebpack.getEntryModule()}`,
+
+        // Vendor entry with third-party libraries
+        vendor: `./vendor`,
+
+        // Entry for stylesheet with global application styles
+        [mainSheet]: `./${mainSheet}`,
+    };
+
+    const rules = getRules();
+    const plugins = getPlugins(platform, env);
+    const extensions = getExtensions(platform);
+
+    const config = {
+        context: resolve("./app"),
+        target: nativescriptTarget,
+        entry,
+        output: {
+            pathinfo: true,
+            path,
+            libraryTarget: "commonjs2",
+            filename: "[name].js",
+        },
+        resolve: {
+            extensions,
+
+            // Resolve {N} system modules from tns-core-modules
+            modules: [
+                "node_modules/tns-core-modules",
+                "node_modules",
+            ],
+
+            alias: {
+                '~': resolve("./app")
+            },
+        },
+        node: {
+            // Disable node shims that conflict with NativeScript
+            "http": false,
+            "timers": false,
+            "setImmediate": false,
+            "fs": "empty",
+        },
+        module: { rules },
+        plugins,
+    };
+
+    if (env.snapshot) {
+        plugins.push(new nsWebpack.NativeScriptSnapshotPlugin({
+            chunk: "vendor",
+            projectRoot: __dirname,
+            webpackConfig: config,
+            targetArchs: ["arm", "arm64", "ia32"],
+            tnsJavaClassesOptions: { packages: ["tns-core-modules" ] },
+            useLibs: false
+        }));
+    }
+
+    return config;
+};
+
+
+function getPlatform(env) {
+    return env.android ? "android" :
+        env.ios ? "ios" :
+        () => { throw new Error("You need to provide a target platform!") };
+}
+
+function getRules() {
+    return [
+        {
+            test: /\.html$|\.xml$/,
+            use: [
+                "raw-loader",
+            ]
+        },
+        // Root stylesheet gets extracted with bundled dependencies
+        {
+            test: new RegExp(mainSheet),
+            use: ExtractTextPlugin.extract([
+                {
+                    loader: "resolve-url-loader",
+                    options: { silent: true },
+                },
+                {
+                    loader: "nativescript-css-loader",
+                    options: { minimize: false }
+                },
+                "nativescript-dev-webpack/platform-css-loader",
+            ]),
+        },
+        // Other CSS files get bundled using the raw loader
+        {
+            test: /\.css$/,
+            exclude: new RegExp(mainSheet),
+            use: [
+                "raw-loader",
+            ]
+        },
+        // SASS support
+        {
+            test: /\.scss$/,
+            use: [
+                "raw-loader",
+                "resolve-url-loader",
+                "sass-loader",
+            ]
+        },
+
+
+        // Compile TypeScript files, replace templateUrl and styleUrls.
+        {
+            test: /\.ts$/,
+            loaders: [
+                "awesome-typescript-loader",
+            ]
+        }
+
+    ];
+}
+
+function getPlugins(platform, env) {
+    let plugins = [
+        new ExtractTextPlugin(mainSheet),
+
+        // 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: mainSheet },
+            { 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",
+        ]),
+
+        // Generate report files for bundles content
+        new BundleAnalyzerPlugin({
+            analyzerMode: "static",
+            openAnalyzer: false,
+            generateStatsFile: true,
+            reportFilename: join(__dirname, "report", `report.html`),
+            statsFilename: join(__dirname, "report", `stats.json`),
+        }),
+    ];
+
+    if (env.uglify) {
+        plugins.push(new webpack.LoaderOptionsPlugin({ minimize: true }));
+
+        // Work around an Android issue by setting compress = false
+        const compress = platform !== "android";
+        plugins.push(new webpack.optimize.UglifyJsPlugin({
+            mangle: { except: nsWebpack.uglifyMangleExcludes },
+            compress,
+        }));
+    }
+
+    return plugins;
+}
+
+// Resolve platform-specific modules like module.android.js
+function getExtensions(platform) {
+    return Object.freeze([
+        `.${platform}.ts`,
+        `.${platform}.js`,
+        ".ts",
+        ".js",
+        ".css",
+        `.${platform}.css`,
+    ]);
+}