《基于 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()]
     }