在webpack中导入vue的3种方式

1为什么不能直接import呢

因为import导入的vue是不完整的，通过查看node_modules>vue>package.json文件可以发现：实则导入的是vue.runtime.common.js

这个包的大小比vue小很多，所以不能实现vue全部功能。以下是3种方法：

2第一种修改package.json路径

把main里面的路径改为dist/vue.js 这个方法优点是直观，简单，缺点：破环了node_modules种package.json的完整性，对面源代码的修改，不建议

3第二种直接import导入node_modules中的vue.js

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

4第三种在webpack.config.js写配置路径

/**
 * @Description:
 * @author guofeng
 * @date 2020/1/31 20:39
 */
//由于webpack是基于node进行构建的，所有weboack的排至文件中，任何合法node代码都是支持

var path=require('path')
//安装html-webpack-plugin来生成一个被嵌入了bundle.js的index文件在内存中
var htmlWebpackPlugin=require('html-webpack-plugin')  //是一个配置对象，需要new才行

//当以命令行形式运行webpac