在webpack中配置.vue组件页面的解析(vue-loader)

在webpack中配置.vue组件页面的解析

1. 运行cnpm i vue -S将vue安装为运行依赖；
2. 运行cnpm i vue-loader vue-template-compiler -D将解析转换vue的包安装为开发依赖；
3. 运行cnpm i style-loader css-loader -D将解析转换CSS的包安装为开发依赖，因为.vue文件中会写CSS样式；
4. new VueLoaderPlugin() 引入这个插件，必须的
   ps：注意 引入const VueLoaderPlugin = require(‘vue-loader/lib/plugin’) ———在之前的版本中好像不需要这个插件，再看教程的时候还是跟着官方文档来 vue-loader
5. 在webpack.config.js中，添加如下module规则：

// webpack.config.js
const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports = {
   
  mode: 'development',
  module: {
   
    rules: [
      {
   
        test