第一篇文章:

webpack v4.30.0官方说明文档指南、安装、起步资源管理教程源码:http://www.dianthink.com/article/detail/id/280.html

第二篇文章:

webpack v4.30.0(2)官方说明文档(管理输出)测试源码:http://www.dianthink.com/article/detail/id/281.html

本文章开始(开发):

接着第二篇文章说明:

(一)、开发

(1)、使用 source map
(2)、选择一个开发工具
(3)、使用观察模式
(4)、使用 webpack-dev-server
(5)、使用 webpack-dev-middleware
(6)、调整文本编辑器

(7)、结论

(二)、小类别说明:

(1)、使用 source map(依照文档操作)

现在在浏览器打开最终生成的 index.html 文件,点击按钮,并且在控制台查看显示的错误。错误应该如下:

Uncaught ReferenceError: cosnole is not defined
at HTMLButtonElement.e (print.js:2)

(2)、选择一个开发工具:

每次要编译代码时,手动运行 npm run build 就会变得很麻烦。
webpack 中有几个不同的选项,可以帮助你在代码发生变化后自动编译代码:
webpack's Watch Mode
webpack-dev-server
webpack-dev-middleware
多数场景中,你可能需要使用 webpack-dev-server,但是不妨探讨一下以上的所有选项。

a、使用webpack's Watch Mode


b、使用webpack-dev-server

c、使用 webpack-dev-middleware

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部