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

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

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

一定要配置 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()
    ]
  }