官网的例子，使用webpack.config.json进行webpack时出错

Question

demo的目录结构是这样的：

我的配置文件内容：
webpack.config.js

var path = require('path');

module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
    }
};

进行webpack操作时却报如下错误：

我的index.js如下：

import _ from 'lodash';

function component() {
    var element = document.createElement('div');
    // Lodash, now imported by this script
    element.innerHTML = _.join(['Hello', 'webpack'], ' ');

    return element;
}

document.body.appendChild(component());

为什么说解析不了这个lodash呢？如果不用webpack.config.js是可以的。为什么呢？

Answer 1

node_modules 文件夹里有 lodash 这个安装包吗？

没有的话，安装一下

npm install lodash -save

你展示的目录结构，该文件夹是 webpack-demo,但是报错显示的文件夹是 webpack-demo2，是不是运行错项目了。