时间:2021-05-25
parcel-vue 一个基于Parcel打包工具的 VueJS急速开发脚手架解决方案,强烈建议使用node8.0以上
项目地址: https://github.com/w3c-king/parcel-vue
初始化项目
$ git clone https://github.com/w3c-king/parcel-vue.git
安装依赖
$ cd parce-vue$ npm install其中 parcel-bundler 是主要的工具,对于 vue 结尾的单文件,需要单独处理文件类型, parcel-plugin-vue 这个插件会通过 vueify 来生成对应的代码, parcel 会自动加载 parcel-plugin 开头的依赖。
运行开发环境,运行成功打开浏览器http://localhost:1234即可查看项目
$ npm run dev打包编译
$ npm run build开发
目录结构
src├── router ├── index.js├── assets ├── logo.png├── components ├── Hello ├── index.js ├── index.js├── views ├── HelloWorld ├── images ├── logo.png ├── HelloWorld.vue├── styles ├── common.css├── store ├── global ├── global.js ├── index.js ├── index.js├── app.vue├── index.js只需要执行 npm run dev 和 npm run build 就可以进行开发和构建。
总结
以上所述是小编给大家介绍的全新打包工具parcel零配置vue开发脚手架,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文介绍了Vue快速零配置的打包工具——parcel,分享给大家,具体如下:特性快速打包打包所有资源自动转换代码拆分模块热替换友好的错误记录如何工作Parcel
一、安装前说明环境依赖:node.js;vue官方脚手架:vue-cli;包管理工具:npm模块化打包工具:webpack安装node.js会默认安装npm,v
脚手架脚手架帮我们帮我们把webpack等相关的配置都处理好,我们只需要基于脚手架快速构建一个项目即可(项目中一定包含webpack的相关配置)vue脚手架vu
Vue项目一般使用自带的脚手架工具vue-cli和webpack打包方式进行项目构建运行。开发中,我们在控制台输入命令行npmrundev部署项目后,默认开启的
generator-vue-component可以快速生成自己的组件开发的脚手架,类似于vue-cli生成vue项目,这脚手架是目录结构是方便组件开发和调试由于