webpack使用vue的配置过程

Posted 小白兔晒黑了

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack使用vue的配置过程相关的知识,希望对你有一定的参考价值。

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的配置过程的主要内容,如果未能解决你的问题,请参考以下文章

webpack使用vue的配置过程

webpack使用vue的配置过程

webpack-从零搭建vue过程

老vue项目webpack3升级到webpack5全过程记录

使用 webpack 配置 Vue 框架 - 不应用样式

vue-cli下配置webpack的proxy参数进行反向代理