尤大都说了，别用parcel了。但我还是整出了一款Vue3项目搭建工具parcel-vue-app

先放图

弱弱的说一句，我真的错了。不该用parcel~

前几天，尤大开直播说了造轮子的好处，主要还是锻炼自己。所以自己还是义无反顾地把这个项目搭建工具慢慢地造起来。

这次升级

这次版本是v1.0.5。

尤大都说了，别用parcel了。但我还是整出了一款Vue3项目搭建工具parcel-vue-app

我们来看下这次版本的预装依赖，我们的项目UI框架预先安装上了ant-design-vue@2.1.4，默认是按需加载。为什么这次是引入它，而不是element-plus，主要是考虑到parcel2针对babel.config.js这样的JS文件对组件样式引入实时检测不是很好，你必须手动刷新才能获取最新状态。另外，parcel2官方推荐使用json格式的，还有element-plus按需引入时用到customStyleName: (name) => {})方法，在json文件没法实现。所以，最终选用了ant-design-vue@2.1.4。为了搭配按需引入功能，我们引入了babel-plugin-import。

最后，我们这次又引入了最新版本vue@3.0.11，与之相对应@vue/compiler-sfc@3.0.11。

好了，我们来看下我们引入的全部依赖。

 "devDependencies": {  
        "@parcel/babel-plugin-transform-runtime": "^2.0.0-nightly.1823",  
        "@parcel/transformer-image": "2.0.0-beta.2",  
        "@parcel/transformer-sass": "2.0.0-beta.2",  
        "@parcel/transformer-vue": "2.0.0-beta.2",  
        "@vue/compiler-sfc": "^3.0.11",  
        "babel-eslint": "^10.1.0",  
        "babel-plugin-import": "^1.13.3",  
        "eslint": "^7.23.0",  
        "eslint-plugin-vue": "^7.8.0",  
        "mockjs": "^1.1.0",  
        "parcel": "^2.0.0-beta.2",  
        "sass": "^1.32.8"  
    },  
    "dependencies": {  
        "ant-design-vue": "^2.1.4",  
        "axios": "^0.21.1",  
        "vue": "^3.0.11",  
        "vue-router": "4",  
        "vuex": "^4.0.0"  
    }

同样，为parcel-vue-app而生的脚手架parcel-vue-cli这次也进行了重大更新，这次版本更新到1.0.9。

尤大都说了，别用parcel了。但我还是整出了一款Vue3项目搭建工具parcel-vue-app