【笔记】VUE - 初始配置

vue-loader

  在VUE这个库中，所有组件都是一个个单独的vue文件。与webpack需要借助css-loader识别css文件同理，由于webpack本身不能识别除js文件外的任何类型文件，我们需要借助vue-loader来让vue文件得以被webpack识别。
  vue-loader安装
  和css-loader一样，vue-loader还是一个普通依赖而不是需要全局安装的辅助开发工具。
  安装指令：

npm install --save vue-loader

  虽然安装时出现了警告，但在package.json中有记录即代表安装成功。

  配置webpack.config.js
  参考模板：

vue-loader.vuejs.org/

  实际配置：

  【注意】这里还必须要引入一个插件：

  完整的实际配置：

安装VUE

  VUE这个库要求安装两个东西：

npm install --save vue
npm install --save vue-template-compiler

  其中vue是我们要用的库，必须要安装；vue-template-compiler是vue的模板编译器，也必须安装。

  在安装完成后，我们可以看到node_modules/vue/dist下命名以vue开头的js文件很多，这些都是不同版本的vue。

  这就要求我们在webpack.config.js中配置别名来指定其中一个为我们要使用的vue，通常指定使用vue.esm.js。esm是ECMAScript module的缩写，即ES模块版。
  webpack.config.js配置
  参考配置：

vuejs.org/v2/guide/in…