[聚合文章] 从 webpack 到全面拥抱 Parcel #2 让 Parcel 支持 vue

JavaScript 2017-12-21 26 阅读

原文发表于:www.rails365.net

相关链接(网友提供):

  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 ,结果如下:

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

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。