require is not defind

Question

学习webpack打包的过程中，在main.js中 用require 引入了其他的js文件，然后用webpack-dev-server起了服务，打开后报错

webpack.config.js配置如下：

package.json如下：

目录如下：

main.js:

const $ = require('./lodash.js');
let app = document.getElementById('app');
let arr = [1,2,3,4,5,6,7];
console.log( $._chunk(arr,2));

lodash.js:

module.exports = $;    

index.html:

<script src="static/main.js"></script>

npm run dev后报错：

Answer 1

没有loader
还需要HtmlWebpackPlugin关联到你的html

Answer 2

?main.js这种模块化写法是要让node执行的，难道指望让浏览器识别require吗

Answer 3

html的js应该选output那个
而不是entry那个