webpack 使用找不到module webpack

Question

最近在学习webpack,刚开始就遇到了问题，以下是我的文件目录

webpack-config.js：

    var webpack = require('webpack');
    var path = require('path');
    var buildPath = path.resolve(__dirname,"build");
    var nodemodulesPath = path.resolve(__dirname,'node_modules');

    var config = {
        //入口文件配置
        entry:path.resolve(__dirname,'src/main.js'),
        resolve:{
            extentions:["","js"]//当requrie的模块找不到时，添加这些后缀
        },
        //文件导出的配置
        output:{
            path:buildPath,
            filename:"app.js"
        }
    }

    module.exports = config;

main.js:

    var a = require('./js/a');
    a();
    console.log('hello world');
    document.getElementById("container").innerHTML = "<p>hello world</p>";

但当我在命令行里执行下面语句时却报了这样的错误：

在网上我也找了一些资料，但还是没有用，webpack我是全局安装的npm install webapck -g
请教大神能帮忙解决下，谢谢！

Answer 1

在项目根目录安装webpack

Answer 2

在项目根目录把webpack安装到项目里

npm install webpack --save-dev

Answer 3

我在 windows 下也遇到这样的问题，解决方法是在 package.json 中增加 scripts 属性，然后通过 npm run 来运行

Answer 4

path.resolve(__dirname,'node_modules')是相对于当前编译文件所在的目录的绝对路径，所以你需要在项目根目录里npm install 把node_modules装好就可以了