1、先在本地安装webpack,我是按照教程来的
https://jingyan.baidu.com/article/a65957f43f390524e77f9b4c.html
用命令webpack -v 成功后直接出版本号;
2、建立三个文件 index.html App.js main.js
3、每个文件的截图
![933cd15d8c01f53efb6e060e1269b92a.png](https://i-blog.csdnimg.cn/blog_migrate/ae8d20cb605321b13c2ea51ac691c6b3.jpeg)
index.html
![1ac4f84cc3a2d57956bb395b6e3b7ff1.png](https://i-blog.csdnimg.cn/blog_migrate/1569bf6ce0ac714893cb46b1280cda32.jpeg)
main.js
![113f9e87154ef86d94ae1df3ee92f949.png](https://i-blog.csdnimg.cn/blog_migrate/b44ebd86fa6aaf2b0d6bf1dbba496f4f.jpeg)
App.js
遇到的两个bug:
1、webpack打包时提示 The ‘mode’ option has not been set,webpack4.0之后的版本是对webpack语法进行了更严格的要求,找了网上经验解决了。附上链接:https://blog.csdn.net/qq_31490071/article/details/81451648
2、最开始本地用vue都是外部引用,但在本个测验中,不能使用http链接,必须下载到本地js引用,或者下载依赖。
![d794373b9e1ddd84fe3ad92c47b4cb93.png](https://i-blog.csdnimg.cn/blog_migrate/845451af7c6bbc6cf42081530cb7f813.jpeg)
![25231531facd8ea600a5ce9b3ea3c478.png](https://i-blog.csdnimg.cn/blog_migrate/51fa524fb4b466ff6651960d00cd355c.jpeg)