全新打包工具parcel零配置vue开发脚手架

2018-01-13 11:01:20来源:https://juejin.im/post/5a54ab93f265da3e23665865作者:稀土掘金人点击

分享


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
就可以进行开发和构建。


最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台