webpack配置vue

webpack配置vue

• 我们要使用Vuejs必须对其有依赖

• Vuejs的安装,因为在实际项目中也会使用Vue，所以是运行时依赖
  npm install vue --save

• 但是现在的情况下去写vue的代码打包不会报错，但是游览器编译会报错

• 主要是因为使用了runtime-only版本的vue

  • runtime-only版本代码中，不可以有任何的template
  • runtime-compiler可以有template，因为有compiler可以用于编译template

• 这里我们需要修改一下webpack.config.js的配置

resolve: {
    //alias: 别名
    alias : {
        'vue$': 'vue/dist/vue.esm.js'
    }
}

• 在vue开发过程中可能只会有一个index.html(单页面复应用)
• SPA(simple page web application) -> vue-router(前端路由)
• Vue开发过程中，我们都会采用组件化开发的思想
• 我们以一种全新的方式来组织一个vue的组件
• 安装vue-loader和vue-template-compiler

npm install vue-loader vue-template-compiler --save-dev

• 修改webpack.config.js的配置文件

{
    test: /\.vue$/,
    use: ['vue-loader']
}