webpack使用VUE

首先安装VUE
npm i vue -S
导包

import Vue from 'vue'

注意 在webpack中使用import Vue from ‘vue’ 导入的vue 构造函数 功能不完整,只提供了runtime-only的方式并没有提供像网页那样的使用方式
得用这个

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

引入.vue文件
import template_login from ‘./template_login.vue’

默认webpack无法打包.vue文件,需要安装相关的loader

cnpm i vue-loader vue-template-compiler -D

在配置文件中 新增loader配置项 {test:/.vue$/,use:‘vue-loader’}

在webpack中 如果想要通过vue把一个组件放到页面中展示,vm实例中的render函数可以实现

在webpack4.0之后要使用 还需要配置

const VueLoaderPlugin = require('vue-loader/lib/plugin');
    plugins: [
        // make sure to include the plugin for the magic
        new VueLoaderPlugin()
    ],

在配置文件中配置:webpack.config.js