1、安装依赖

  1. cnpm i vue vue-loader vue-template-compiler -S

2、配置

  1. const {VueLoaderPlugin} = require("vue-loader")
  2. module.exports = {
  3.     module:{
  4.       rules:[
  5.           ...
  6.           {
  7.               test:/\.vue$/,
  8.               loader:'vue-loader'
  9.           }
  10.       ]  
  11.     },
  12.     plugins:[
  13.         new VueLoaderPlugin()
  14.     ]
  15. }

3、导入

  1. //main.js
  2. import App from './App.vue';
  3. import Vue from 'vue';
  4. new Vue({
  5.     render:h=>h(App)
  6. }).$mount("#app");

Tips:设置webpack.config.js之后,项目必须重新启动。！！！

  1. npm run build //将项目打包,打包之后的项目就可以上传服务器了
  2. npm run serve/yarn serve  //查看项目的运行效果