码迷,mamicode.com
首页 > Web开发 > 详细

webpack使用vue的配置过程

时间:2020-05-31 00:46:00      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:https   app   过程   import   tps   --   com   src   save   

1 安装vue

 npm install vue --save

2 main.js里引入vue

//使用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>

配置webpack

发现没有显示?

技术图片

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

webpack.config.js

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

技术图片

就出现了。。。

 

源代码

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

 

webpack使用vue的配置过程

标签:https   app   过程   import   tps   --   com   src   save   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!