vue cli3 webpack调试

作者: 大海 分类: web前端 发布时间: 2019-03-26 15:34 ė11,251 views 62条评论

因为要增强vue工程配置项中的一些功能和写一些webpack插件,所以想到需要用到调试模式,log在控制台看的方式太费劲了,搞好久不知道问题所在,用类似网页的debugger调试模式方便多了.下面内容来自网上的一些介绍和个人摸索,也共享出来.

cli2可以正常调试的
node –inspect-brk ./node_modules/webpack/bin/webpack.js –config .\build\webpack.base.conf.js
node –inspect-brk=9228 ./node_modules/webpack/bin/webpack.js –config .\build\webpack.base.conf.js 指定端口的方式,启动多个就需要指定端口

cli3出错
node –inspect-brk ./node_modules/webpack/bin/webpack.js –config .\vue.config.js

生成webpack配置调试,出错
vue inspect > output.js
node –inspect-brk ./node_modules/webpack/bin/webpack.js –config .\output.js

借用cli2的配置调试,可以
node –inspect-brk ./node_modules/webpack/bin/webpack.js –config D:\gitCode\CommonUDWebsite\build\webpack.base.conf.js

cli3用这种方式,直接以debugger模式启动工程,这样vue.config.js和webpack等中的断点都能执行了
node –inspect-brk ./node_modules/@vue/cli-service/bin/vue-cli-service.js serve

怎么在浏览器中debugger google搜一下好多,不介绍了,就搜索nodejs调试就ok

本文出自 纳百川,转载时请注明出处及相应链接。

本文永久链接: https://www.bicner.com/1038.html

2条评论

  1. 虽然不知道说的是什么,但看起来好厉害的样子!

  2. 今日新闻 2019/04/07 23:41

    文章不错非常喜欢

Ɣ回顶部