Webpack hides modules coming from folders like [`[&quot;node_modules&quot;, &quot;bower_components&quot;, &quot;jam&quot;, &quot;components&quot;]`][1] in your console output by default. This helps you to focus on *your modules* instead on your dependencies.

You can display them by using the `--display-modules` argument.


  [1]: https://github.com/webpack/webpack/commit/992231a1c82f698d37f8b619f59a78099db2293e

I am using pymongo to query for all items in a region (actually it is to query for all venues in a region on a map). I used `db.command(SON())` before to search in a spherical region, which can return me a dictionary and in the dictionary there is a key called `results` which contains the venues. Now I need to search in a square area and I am suggested to use `db.places.find`, however, this returns me a `pymongo.cursor.Cursor` class and I have no idea how to extract the venue results from it. 

Does anyone know whether I should convert the cursor into a dict and extract the results out, or use another method to query for items in a square region?
BTW, db is pymongo.database.Database class

The codes are:

    &gt;&gt;&gt; import pymongo
    &gt;&gt;&gt; db = pymongo.MongoClient(host).PSRC 
    &gt;&gt;&gt; resp = db.places.find({&quot;loc&quot;: {&quot;$within&quot;: {&quot;$box&quot;: [[ll_lng,ll_lat], [ur_lng,ur_lat]]}}})
    &gt;&gt;&gt; for doc in resp:
    &gt;&gt;&gt;     print(doc)

I have values of ll_lng, ll_lat, ur_lng and ur_lat, use these values but it prints nothing from this codes


How to convert a pymongo.cursor.Cursor into a dict?

How do you access `parameters` set in the &quot;This build is parameterized&quot; section of a &quot;Workflow&quot; Jenkins job?

**TEST CASE** 

1. Create a WORKFLOW job.
2. Enable &quot;This build is parameterized&quot;.
3. Add a STRING PARAMETER `foo` with default value `bar text`.
4. Add the code below to `Workflow Script`:

        node()
        {
             print &quot;DEBUG: parameter foo = ${env.foo}&quot;
        }
5. Run job.

**RESULT**

`DEBUG: parameter foo = null`

How to access parameters in a Parameterized Build?

I&#39;ve been playing with webpack and during the build I see it output:
`+ 27 hidden modules`. What does it mean by this? Is it detecting global constants that I&#39;m using without requiring them?

What does webpack mean by XX hidden modules

<p>I've been playing with webpack and during the build I see it output:
<code>+ 27 hidden modules</code>. What does it mean by this? Is it detecting global constants that I'm using without requiring them?</p>


Okay so i am using the `FileUploader` module to upload my file from angular to my `REST API`:

    

    var uploader = $scope.uploader = new FileUploader({
        url: api.getUrl(&#39;uploadCompetence&#39;,null)
    });


This is sent to the following `POST` function:

            router.route(&#39;/api/uploadCompetence&#39;)
            .post(function (req, res) {

            // This is where i want to read the file

                var competence = Competence.build(req.body.location);
                competence.add(function (success) {
                        res.json({message: &#39;quote created!&#39;});
                    },
                    function (err) {
                        res.status(err).send(err);
                    });
            })

Now my goal is to read the `excel` file and then add each row to my database.

However im not quite sure how i can read the file from `Node.js` i have debugged my server and couldnt find the file anywhere but the the api is being called from my `Angular` application

Can anyone push me in the right direction? :)

Reading Excel file using node.js

OnChange event using React JS for drop down

I want to scroll to the top of the page after getting an ajax call response using angularjs. Basically, I am displaying alert messages on top of the page and I want to focus the alert message as the ajax response received.

Thanks

How to scroll to top of the page in AngularJS?

When developing client side javascript applications, the developer network panel is invaluable for debugging network issues:

![enter image description here][1]

How does a developer creating a NodeJS application monitor the network traffic from the nodejs application to a http/https server?  For example how to debug the following network traffic?

    var http = require(&#39;http&#39;);
    var req = http.request ...
    req.write ...
    req.send()

My code is making a call to a third party https server, so I am unable to use wireshark or similar packet sniffing tools.

For more information, the problem I am trying to investigate is [here][2].

EDIT:

Here are similar questions asking how to do the same thing in other languages:  

- PYTHON: https://stackoverflow.com/questions/10588644/how-can-i-see-the-entire-http-request-thats-being-sent-by-my-python-application
- JAVA: https://stackoverflow.com/questions/3246792/how-to-enable-logging-for-apache-commons-httpclient-on-android


  [1]: http://i.stack.imgur.com/Q6bWm.png
  [2]: https://stackoverflow.com/questions/28813523/error-socket-hang-up-using-node-v0-12-0

how to monitor the network on node.js similar to chrome/firefox developer tools?

So I have a gulpfile.js setup.

In an images folder I have a few images, some are pngs, some jpgs and some gifs.

I want to target all the pngs, jpgs and gifs in the images folder.

I could use **/* to target everything in the folder, but I don&#39;t want to, I want it to be specific to the file types.

I could also do this and specify each file type individually:

    return gulp.src(&#39;./images/*.jpg&#39;, &#39;./images/*.png&#39;, &#39;./images/*.gif&#39;)

But it&#39;s a lot of repeating yourself and it seems that there should be an easier way.

I&#39;m looking for something like this:

    return gulp.src(&#39;./images/*.{png, gif, jpg}&#39;)

But alas, the above doesn&#39;t work (or at least it only works for the first file type in the list)

Anyone know how to do this?

Thanks


Multiple file extensions within the same directory using Gulp

How do I install/upgrade [gradle][1] for Mac?


  [1]: https://gradle.org/

Install / upgrade gradle on Mac OS X

My **Android Studio** project used to build faster but now it takes a long time to build. Any ideas what could be causing the delays? 
I have tried https://stackoverflow.com/a/27171878/391401 but no effect. I haven&#39;t any Anti virus running which could interrupt the builds. My app is not that big in size as well (around **5MB**) and it used to build within few seconds but not sure what has changed.

    10:03:51 Gradle build finished in 4 min 0 sec  
    10:04:03 Session &#39;app&#39;: running  
    10:10:11 Gradle build finished in 3 min 29 sec  
    10:10:12 Session &#39;app&#39;: running  
    10:20:24 Gradle build finished in 3 min 42 sec  
    10:28:18 Gradle build finished in 3 min 40 sec  
    10:28:19 Session &#39;app&#39;: running  
    10:31:14 Gradle build finished in 2 min 56 sec   
    10:31:14 Session &#39;app&#39;: running  
    10:38:37 Gradle build finished in 3 min 30 sec  
    10:42:17 Gradle build finished in 3 min 40 sec  
    10:45:18 Gradle build finished in 3 min 1 sec  
    10:48:49 Gradle build finished in 3 min 30 sec  
    10:53:05 Gradle build finished in 3 min 22 sec  
    10:57:10 Gradle build finished in 3 min 19 sec  
    10:57:11 Session &#39;app&#39;: running  



Android Studio gradle takes too long to build

For me is `npm install` extremely slow. I&#39;m using Windows 8.1 with the latest npm version. My connection speed is around 100Mbit/s.

The project I&#39;m trying to install has around 20 packages/dependencies and it takes around 30 Minutes to install all dependencies ...

Does anyone have a clue?

&#39;npm install&#39; extremely slow on Windows

I have a large amount of javascript files split into 4 subdirectory in my app.  In grunt I grab all of them and compile them into one file. These files do not have a module.exports function.

I want to use webpack and split it into 4 parts. I don&#39;t want to manually go in and require all my files.

I would like to create a plugin that on compilation walks the directory trees, then grabs all the .js file names and paths, then requires all files in the sub directories and adds it to the output. 

I want all the files in each directories compiled into a module that I could then require from my entry point file, or include in the assets that http://webpack.github.io/docs/plugins.html mentions.

When adding a new file I just want to drop it in the correct directory and know it will be included.

Is there a way to do this with webpack or a plugin that someone has written to do this?


How to load all files in a directory using webpack without require statements

In C, we can build a debug version or a release version of the binary files (the object files and the executable). How can we do this in Go? 

How to build a release version binary in Go?

I use [webpack](http://webpack.github.io/) to develop a React component. Here is a simple version of it:

    &#39;use strict&#39;;
    
    require(&#39;./MyComponent.less&#39;);
    
    var React = require(&#39;react&#39;);
    
    var MyComponent = React.createClass({
      render() {
        return (
          &lt;div className=&quot;my-component&quot;&gt;
            Hello World
          &lt;/div&gt;
        );
      }
    });
    
    module.exports = MyComponent;

Now, I would like to test this component using [jest](https://facebook.github.io/jest/). Here is the relevant bit from my `package.json`:

    &quot;scripts&quot;: {
      &quot;test&quot;: &quot;jest&quot;
    },
    &quot;jest&quot;: {
      &quot;rootDir&quot;: &quot;.&quot;,
      &quot;testDirectoryName&quot;: &quot;tests&quot;,
      &quot;scriptPreprocessor&quot;: &quot;&lt;rootDir&gt;/node_modules/babel-jest&quot;,
      &quot;unmockedModulePathPatterns&quot;: [
        &quot;react&quot;
      ]
    }

When running `npm test`, I get the following error:

&gt; SyntaxError: /Users/mishamoroshko/react-component/src/tests/MyComponent.js: /Users/mishamoroshko/react-component/src/MyComponent.js: /Users/mishamoroshko/react-component/src/MyComponent.less: Unexpected token ILLEGAL

Looks like webpack needs to process `require(&#39;./MyComponent.less&#39;)` before jest can run the test.

I wonder if I need to use something like [jest-webpack](https://www.npmjs.com/package/jest-webpack). If yes, is there a way to specify multiple `scriptPreprocessor`s? (note that I already use `babel-jest`)

How to use jest with webpack?

I&#39;m using Webpack in my application, in which I create two entry points - bundle.js for all my JavaScript files/codes, and vendors.js for all libraries like jQuery and React. What do I do in order to use plugins which have jQuery as their dependencies and I want to have them also in vendors.js? What if those plugins have multiple dependencies?

Currently I&#39;m trying to use this jQuery plugin here - https://github.com/mbklein/jquery-elastic. The Webpack documentation mentions [providePlugin][1] and imports-loader. I used providePlugin, but still the jQuery object is not available. Here is how my webpack.config.js looks like-

    var webpack = require(&#39;webpack&#39;);
    var bower_dir = __dirname + &#39;/bower_components&#39;;
    var node_dir = __dirname + &#39;/node_modules&#39;;
    var lib_dir = __dirname + &#39;/public/js/libs&#39;;

    var config = {
        addVendor: function (name, path) {
            this.resolve.alias[name] = path;
            this.module.noParse.push(new RegExp(path));
        },
        plugins: [
            new webpack.ProvidePlugin({
                $: &quot;jquery&quot;,
                jquery: &quot;jQuery&quot;,
                &quot;window.jQuery&quot;: &quot;jquery&quot;
            }),
            new webpack.optimize.CommonsChunkPlugin(&#39;vendors&#39;, &#39;vendors.js&#39;, Infinity)
        ],
        entry: {
            app: [&#39;./public/js/main.js&#39;],
            vendors: [&#39;react&#39;,&#39;jquery&#39;]
        },
        resolve: {
            alias: {
                &#39;jquery&#39;: node_dir + &#39;/jquery/dist/jquery.js&#39;,
                &#39;jquery.elastic&#39;: lib_dir + &#39;/jquery.elastic.source.js&#39;
            }
        },
        output: {
            path: &#39;./public/js&#39;,
            filename: &#39;bundle.js&#39;
        },
        module: {
            loaders: [
                { test: /\.js$/, loader: &#39;jsx-loader&#39; },
                { test: /\.jquery.elastic.js$/, loader: &#39;imports-loader&#39; }
            ]
        }
    };
    config.addVendor(&#39;react&#39;, bower_dir + &#39;/react/react.min.js&#39;);
    config.addVendor(&#39;jquery&#39;, node_dir + &#39;/jquery/dist/jquery.js&#39;);
    config.addVendor(&#39;jquery.elastic&#39;, lib_dir +&#39;/jquery.elastic.source.js&#39;);

    module.exports = config;

But in spite of this, it still throws an error in the browser console:

&gt; Uncaught ReferenceError: jQuery is not defined

Similarly, when I use the imports-loader, it throws an error,

&gt; require is not defined&#39;

in this line:

    var jQuery = require(&quot;jquery&quot;)

However, I could use the same plugin when I don&#39;t add it to my vendors.js file and instead required it in the normal AMD way as how I include my other JavaScript code files, like-

    define(
    [
        &#39;jquery&#39;,
        &#39;react&#39;,
        &#39;../../common-functions&#39;,
        &#39;../../libs/jquery.elastic.source&#39;
    ],function($,React,commonFunctions){
        $(&quot;#myInput&quot;).elastic() //It works

    });

But this is not what I want to do, as this would mean that jquery.elastic.source.js is bundled along with my JavaScript code in bundle.js, and I want all my jQuery plugins to be in the vendors.js bundle. So how do I go about achieving this?


  [1]: https://webpack.js.org/plugins/provide-plugin/

Managing jQuery plugin dependency in webpack

I want to expose the jQuery object to the global window object that is accessible inside the developer console in the browser. Now in my webpack config I have following lines:

    plugins: [
                    new webpack.ProvidePlugin({
                        $: &#39;jquery&#39;,
                        jQuery: &#39;jquery&#39;
                    })
                ]
These lines add the jQuery definitions to each file in my webpack modules. 
But when I build the project and try to access jQuery in the developer console like this:

    window.$;
    window.jQuery;

it says that these properties are undefined...

Is there a way to fix this?

Expose jQuery to real Window object with Webpack

I am using web pack with sass loader like this:

    module.exports = {
      module: {
        loaders: [
          {
            test: /\.scss$/,
            loader: &quot;style!css!sass&quot;
          }
        ]
      }
    };

But i see the styles apply to the style tag, where is the generate css file?

Content Type	Original Author	Original Content on Stackoverflow
Question	Christian Schlensker	View Question on Stackoverflow
Solution 1 - Javascript	Johannes Ewald	View Answer on Stackoverflow

What does webpack mean by XX hidden modules

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

How to access parameters in a Parameterized Build?

How to convert a pymongo.cursor.Cursor into a dict?

Attributions