webpack-使用Vue的配置过程

webpack-使用Vue的配置过程

引入Vue.js

在项目中，会使用Vue.js进行开发，而且会以特殊的文件夹来组织Vue的组件。
学习webpack环境中集成Vuejs
在项目中使用Vuejs，那么必然需要对其有依赖，所以需要先进安装
注：因为后续是在实际项目中也会使用Vue的，所以并不是开发时的依赖

npm install vue --save

打包项目-错误信息

1.runtime-only->代码中不可以有任何的template
2.runtime-compiler->代码中，可以有template,因为有complier可以用于编译template

解决方法是在webpack.config.js中添加如下代码：

resolve:{
    //alias:别名
    alias:{
      'vue$':'vue/dist/vue.esm.js'
    }
  }