第一篇文章:
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
发表评论 取消回复