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

来源地址：https://blog.csdn.net/sinat_31213021/article/details/132496798