webpack检测不到js文件

当项目中的js和其他文件不在同一个文件夹中的时候，webpack无法打包！

image.png

webpack配置

image.png

报错

image.png

原因
webpack打包的是默认路径，也就是main.js的引用路径pages！所以无法引入到/components/路径下的inputs.js文件！从而产生错误！
解决：
使用webpack的resolve字段

image.png

OK问题解决！

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • webpack 从入门到工程实践
    GitChat技术杂谈 前言 本文较长，为了节省你的阅读时间，在文前列写作思路如下： 什么是 webpack，它要...
    萧玄辞阅读 12,710评论 7赞 110
  • webpack
    目录第1章 webpack简介 11.1 webpack是什么？ 11.2 官网地址 21.3 为什么使用 web...
    lemonzoey阅读 1,751评论 0赞 1
  • webpack-react之webpack篇（上）
    构建一个小项目——FlyBird，学习webpack和react。（本文成文于2017/2/25） 从webpac...
    布蕾布蕾阅读 16,857评论 31赞 98
  • webpack 2 打包实战
    写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,321评论 4赞 31
  • webpack教程
    无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅，特此分享以备自己日后查看，也希望更多的人看到...
    小小字符阅读 8,226评论 7赞 35