《基于 Vue 组件库 的 Webpack5 配置》1.模式 Mode 和 vue-loader

1. 一定要配置 模式 Mode，这里有个小知识点，环境变量 process.env.NODE_ENV

   module.exports = {
       mode: 'production',// process.env.NODE_ENV 或 development,
   }
   

2. 一定要配置 vue-loader

   • Vue Loader v15 现在需要配合一个 webpack 插件才能正确使用；

   • 一个 webpack 的 loader，它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件；

   • vue-loader 和 vue-template-compiler 要一起安装，以保证版本的一致性。npm install -D vue-loader vue-template-compiler；

   • package.json 的 webpack 中必须配置该插件，如下

     const { VueLoaderPlugin } = require('vue-loader')
     
     module.exports = {
       module: {
         rules: [
           // ... 其它规则
           {
             test: /\.vue$/,
             loader: 'vue-loader'
             // use: ['vue-loader'] //也可以，是数组
           }
         ]
       },
       plugins: [
         // 请确保引入这个插件！
         new VueLoaderPlugin()
       ]
     }