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