在webpack集成vue

首先要是在一个webpack环境下

• 安装ES6的包：babel
  1.使用命令npm install --save-dev babel-loader @babel/core
  2.在webpack.config.js中的molude的rules中添加上：
  { test: /.js$/, exclude: /node_modules/, loader: “babel-loader” }
  3.创建一个.babelrc文件
  使用命令npm install @babel/preset-env --save-dev安装

{
  "presets": ["@babel/preset-env"]
}

• 安装vue
  1.使用命令npm install vue vue-loader vue vue-template-compiler -D
  2在webpack.config.js中的molude的rules中添加上：
  { test: /.vue$/, loader: “vue-loader” }
  3在webpack.config.js中引入：
  const VueLoaderPlugin = require(‘vue-loader/lib/plugin’);
  4在plugins写上 new VueLoaderPlugin()
  当然在main.js中写的是

import Vue from "vue"
import App from "./App.vue"
new Vue({
    el:'#app',
    render:(h)=>h(App)
})

这样觉可以去使用vue了