webpack使用vue的配置过程

时间：2020-05-30 23:52:08 阅读：88 评论：0 收藏：0 [点我收藏+]

 npm install vue --save

//使用vue
import Vue from ‘vue‘
const app = new Vue({
  el:‘#app‘,
  data:{
    message:"hello webpack"
  }
})

    <body>
      <div id=‘app‘>
       <h2>{{message}}</h2>
     </div>
     hehe
    </body>
    <script src="./dist/bundle.js"></script>

发现没有显示？

技术分享图片

因为没有配置compiler，配置一下就好了

webpack.config.js

 
  resolve:{
    alias:{
      ‘vue$‘:‘vue/dist/vue.esm.js‘
    }
  }

技术分享图片

就出现了。。。

源代码

链接：https://pan.baidu.com/s/1Jjxnt1SWwGvBi69HOm8axA
提取码：zvep

原文：https://www.cnblogs.com/polax/p/12995669.html

踩

(0)

评论一句话评论（0）

分享档案

更多>