美文网首页Parcel
让parcel也支持vue

让parcel也支持vue

作者: 神秘者007 | 来源:发表于2018-01-04 15:57 被阅读14次

    相关链接(网友提供):

    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

    相关文章

      网友评论

        本文标题:让parcel也支持vue

        本文链接:https://www.haomeiwen.com/subject/tkirnxtx.html