require is not defind

a2774206
  • 1.5k

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

webpack.config.js配置如下:

clipboard.png

package.json如下:

clipboard.png
目录如下:

clipboard.png
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后报错:

clipboard.png

回复
阅读 1.2k
3 个回答

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏