引入

引入vue等JS文件时一般有三种方式，一种是直接粘贴源码，第二种是CMD引入，第三种就是使用npm安装

npm install vue --save

因为vue是运行时依赖，所以后缀应为–save

import vue from 'vue';
const app=new vue({
    el:'#app',
    data:{
        message:'hello vue'
    }
})

在JS中import form关键字引入vue，但是直接打包的话会报错，所以需要在webpack.config.js中进行相关配置

意思是在使用vue时候会从node_modules的vue/dist目录下找vue.esm.js文件

预解析

在webpack对vue打包时，会自动编译vue为JS代码


会自动将id=app的内容替换为vue中template中的内容

vue模块化实现方案

可以直接在vue文件中生成相应的模板，最后只需要在JS中导出整个文件就可以，但是这样解析需要安装vue-loader并且添加相关的配置，最终解析替代html中内容的的是main.js中new vue中template的内容