javascript - 官网的例子,使用webpack.config.json进行webpack时出错
本文介绍了javascript - 官网的例子,使用webpack.config.json进行webpack时出错的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
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是可以的。为什么呢?
解决方案
node_modules
文件夹里有 lodash
这个安装包吗?
没有的话,安装一下
npm install lodash -save
你展示的目录结构,该文件夹是 webpack-demo
,但是报错显示的文件夹是 webpack-demo2
,是不是运行错项目了。
这篇关于javascript - 官网的例子,使用webpack.config.json进行webpack时出错的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文