Webpack使用vue的配置过程及部分功能介绍

lxf2024-04-06 13:31:10

  本地安装node_modules,文件包含各种依赖

  注释:安装所需依赖:npm install --save xxx  ( eg. npm install vue --save) 3.创建dist目标文件夹,src源文件夹,webpack.config.js文件4.针对图片、css、js、vue文件,安装对应的loader模块,并在webpack.config.js文件中做相关配置

  5.安装完毕之后,在js文件中引用Vue

  但是通过这种方式,无法在页面上显示,提示出现错误,原因是引入了错误的vue文件

  Webpack使用vue的配置过程及部分功能介绍

  6.修改webpack.config.js文件,在exports中添加reslove属性

  再次进行打包,页面可以正常显示

  优化Vue    在webpack中使用vue时,每次对vue进行修改之后,想要在页面上显示,需要进入html文件中对页面内容进行修改,这种方式比较麻烦    所以在,Vue()中添加template属性,直接在template中添加页面内容,该内容会自动去覆盖html文件中相应的内容,操作较为方便