webpack导入vue遇到的问题

废话不多说，直接上步骤

1.终端输入指令

npm install vue --save

这里我们是不加“-dev”的，因为加上的-dev是开发环境；我们不仅仅是在开发环境中依赖他，在发布到服务器的时候我们还是要依赖这个，所以直接使用生产环境就可以了（save前面一个-，两个-好像都可以）。

2.在main.js里面写vue，在index.html里面使用，重新打包，运行

发现出现报错

这是因为vue有两个不同的构建版本

runtime-only：代码中不可以有任何template（el挂载点也是和template一个意思），这个版本里面没有能编译template的能力

runtime-compiler：这个行，里面有complier编译template

需要在webpack.config.js中配置一下

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

这个是为了命令系统去node-moudle文件夹里这个路径下找runtime-compiler

 

 

但是可能遇见一个问题，你在目录里没找到vue这个文件夹，但是你重新打包发现能正常运行了，

这时，只需要，刷新一下目录就好