webpack如何愉快的进行开发和测试？
初步接触webpack发现它是个很好的打包工具却不是一个很好的开发测试工具。
比如说开发一个库，主目录为src，有十几个小的模块组成，入口文件为src/index.js ，在webpack-dev-server下如果我只做开发和测试来用，直接在html文件中引入<script src="./src/index.js"> 会提示index.js里面的require未定义，只有引用用webpack.config.js里面定义的output的bundle.js才能正确require到其他依赖模块。
我的问题是：想用webpack的require就只能引用打包文件bundle.js而不能直接引用入口文件src/index.js，感觉这样还不如用requirejs来开发呢，而且用requirejs直接引用入口文件在浏览器NetWork就可以很方便的断点调试各个小模块。
可能webpack能满足我的开发需求，只是我不知道如何配置而已，希望大神们能指点下。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
这在webpack中是个问题, 而且不太好避免.
我在使用webpack之前就在这个问题上纠结了很久. 所以很长时间都没有打算使用webpack.
后来, 在换到webpack上之后, 自己搞了一个小的module-loader. 可以看这里 http://isay.me/2016/03/angular-used-project-from-requirejs-to-webpack-5.html
如果直接看这篇不是很了解的话, 可以看以前的那几篇, 看过后应该就了解了.
最近, 我发现可以使用System.js 进行加载. 所以题主也可以看一下
开启
devtool: "source-map"，详情见：http://webpack.github.io/docs/configurat...https://github.com/ampedandwired/html-webpack-plugin
自动插入bundle