详解Vue快速零配置的打包工具——parcel(2)
配置index.html
<body> <div id="app"></div> <script src="入口文件"></script> </body>
配置路由(代码拆分--懒加载)
{ path: 'home', component: () =>import('../pages/home.vue') }
import()返回的是一个promise,所以也可以用 async/await 语法,当你想在本地使用 async/await 语法,请引入 babel-polyfill
区分生产环境和开发环境,配置package.json.
dev --- 开发环境
build --- 生产环境
"scripts": { "dev": "parcel index.html -p 3700", "build": "parcel build index.html" }
大功告成
访问http://localhost:3700/home
此demo是vue + parcel + grid +stylus完成 : parcel-vue
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持黑区网络。