vue3.0已经发布有些时日了，考虑可以学起来了，但是自己搭建项目又比较费劲，加上webpack知识需要更新了，刚好就从头开始自己构建一个vue3.0的脚手架吧！go！
1.新建test目录，yarn init初始化工程
2.构建目录树，安装webpack和webpack-cli
3.在webpack.config.js中写入基础配置
4.配置package.json中的启动打包命令
"build": "webpack -env.prod"
5.配置打包pubic下的html文件到dist目录中
6.配置css-loader以及其他css预编译解析器
7.配置vue文件loader和图片格式loader
这里配置vue-loader有个坑，在解析vue中的样式部分的时候需要使用vue-loader/lib/plgin.js的插件，但是我们旨在module中声明解析方式是不会调用这个插件的，我这里的做法是：
到目前为止，一个基于webpack的简易的vue打包工具已经完成了，下一篇中继续学习如何在这个配置中增加开发环境的配置，最后我会附上这个项目的压缩文件。
百度网盘：
链接：https://pan.baidu.com/s/1pRabneCdFVOgyBKWW5u6rw
提取码：osq1
网友评论