讓parcel也支持vue

相關鏈接（網(wǎng)友提供）：

  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: '謝海濤'
    }
  }
})

最后，運行 parcel index.html，結果如下：

image.png
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

友情鏈接更多精彩內容