使用 npm 全局安装 webpack

Question

我对节点环境不熟悉。我在我的OSX机器上运行这个

sudo npm install -g webpack

它在那里安装成功，并在控制台上输出

/usr/local/bin/webpack -> /usr/local/lib/node_modules/webpack/bin/webpack.js

但是，当我跑的grunt命令，这需要require('webpack');中grunt.js的文件，然后我得到这个消息

Loading "Gruntfile.js" tasks...ERROR
>> Error: Cannot find module 'webpack'
Warning: Task "default" not found. Use --force to continue.

然后我试着关注一些SO帖子然后跑了npm install。但随后运行grunt给了我一堆相关的错误react，react-dom等...

顺便说一句，当我第一次启动命令时npm install，我收到了这些警告

npm WARN react-dom@15.4.1 requires a peer of react@^15.4.1 but none was installed.
npm WARN react-select@1.0.0-beta5 requires a peer of react@^0.14.1 but none was installed.
npm WARN react-select@1.0.0-beta5 requires a peer of react-dom@^0.14.1 but none was installed.
npm WARN react-input-autosize@0.6.13 requires a peer of react@^0.14 || ^15.0.0-rc || ^15.0 but none was installed.
npm WARN grunt-webpack@1.0.18 requires a peer of webpack@1.x but none was installed.
npm WARN webpack-dev-server@1.16.2 requires a peer of webpack@>=1.3.0 <3 but none was installed.
npm WARN webpack-dev-middleware@1.8.4 requires a peer of webpack@1 || ^2.1.0-beta but none was installed.
npm WARN mapapp@1.8.0 No repository field.
npm WARN mapapp@1.8.0 No license field.

更新 ：

这是webpack.config.js文件的内容

module.exports = {
    entry : "./app/js/index.js",
    output : {
        path : __dirname + '/app/dist',
        filename : "./mapapp.js",
        publicPath : 'dist/'
    },
    module : {
        loaders : [ {
            test : /\.less$/,
            loader : "style!css!less"
        }, {
            test : /\.css$/,
            loader : "style!css"
        }, {
            test : /\.jsx$/,
            loader : "jsx"
        }, {
            test : /react-typeahead.*$/,
            loader : "jsx"
        }, {
            test : /\.(png|svg|woff|eot|ttf)/,
            loader : 'url-loader?limit=8192'
        } ]
    },
    resolve : {
        alias : {
            react : __dirname + '/node_modules/react',
            underscore : __dirname + '/node_modules/underscore/underscore',
            leaflet : __dirname + '/node_modules/leaflet/dist',
            'bootstrap-css-only' : __dirname
                    + '/node_modules/bootstrap/dist/css',
        }
    }
};