在webpack中使用vue

首先搭建好webpack环境，然后使用安装vue

cnpm i vue -S

在对vue进行引用

import Vue form 'vue'

但是这样会报错，原因是用import vue引用的vue功能不全导致 的

两种解决方法
第一种 在引入的时候就选择最全的vue
就是

import Vue from '../node_modules/vue/dist/vue'

第二种就是在webpack.config.js中进行设置，设置为你想要引入vue的路径

在module.exports下面加上

resolve:{
      alias:{
          "vue$":"vue/dist/vue.js"
      }
    }

如果你设置了一个独立的组件想要使用他，通过import引用进来的话，你只能用render函数

需要安装第三方loader

cnpm i vue-loader vue-template-compiler -d

同时对rules进行配置

{ test: /\.vue$/, use: 'vue-loader'},

这样仍然报错，需要给webpack.config.js 配置文件加上

const VueLoaderPlugin = require('vue-loader/lib/plugin');，
然后在plugins里面加上 
new VueLoaderPlugin()

这样就可以了

引用直接在vue实例下

render：a=》a（login） //login为引入的组件

我们可以用export default和export来暴露变量

export default在一个文件内只能暴露一次，而且引入文件可以直接自定义名称
而export 可以暴露多次，但是引入时需要用对象方式引入，{}，名称修改需要借助as