webpack-Vue配置过程
希望在项目中使用Vuejs,原来引用的方式比较古老,不是模块化的思想。
安装vue:(1)直接下载应用,(2)引入(3)npm下载 --可以直接import Vue from 'vue'
安装->依赖
1.安装vue
npm insatll vue --save
2.导入vue
1.在main.js文件中导入vue:import Vue from 'vue'
2.在index.html文件中写入挂载div
版本不正确:如果直接打包会报错,报错信息显示使用runtime-only
注:
runtime-only ->代码中,不可以有任何的template
runtime-compiler->代码中,可以有template
此时需要在config.js 文件中做配置:
添加resolve部分,这样就可以在runtime-compiler执行vue
3.打包
终端执行npm run build
over