首页Parcel
求知小风 · 元婴

从 webpack 到全面拥抱 Parcel #2 让 Parcel 支持 vue

求知小风发布于

相关链接(网友提供):

  1. parcel-plugin-vue

  2. parcel-demo

默认情况下 Parcel 是支持 React 和 Preact,可以通过查看下面这个页面得知。

https://parceljs.org/recipes.html

要让 Parcel 支持 vue,需要简单处理一下。(下面的方法是我尝试的,如果有更好的,欢迎评论留言)

首先初始化一个项目。

$ mkdir parcel-vue
$ cd parcel-vue
$ npm init -y

接着安装 vue。

$ npm install vue

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Parcel Vue</title>
</head>
<body>
  <div id="app">
    <h1>Hello Parcel</h1>
  </div>

  <script src="app.js"></script>
</body>
</html>

然后写一些 vue 的代码。

app.js

import Vue from 'vue/dist/vue.js';

const app = new Vue({
  el: '#app',
  template: `<h1>{{ name }}</h1>`,
  data() {
    return {
      name: 'hfpp2012'
    }
  }
})

最后,运行 parcel index.html,结果如下:

可能有更好的方法,欢迎大家评论留言。

本站帖子均为原创内容,如需转载请注明出处,谢谢。

1 条回复
喜欢

© 汕尾市求知科技有限公司 | 关注我们 | 在线学员:119

粤公网安备 44152102000088号 | 粤ICP备19038915号

Top