What is the reason why vue-cli+element-ui does not display tooltip in the table of production environment after configuring dllplugin?

problem description

for example, after configuring dll, the tooltip in the table does not display. If the element-ui in vendor is removed, the development environment will have no problem, but the production environment will report some very strange problems, such as vue.use is undefined, just like no introduction of vue, resulting in the page can not come out, without vue, vue-router, vuex still report some very strange problems.

related codes

webpack.dll.conf.js

const path = require("path");
const webpack = require("webpack");

let vendors = ["vue/dist/vue.esm.js", "vuex/dist/vuex.esm.js", "vue-router/dist/vue-router.esm.js", "axios", "element-ui", "echarts", "babel-polyfill", "vuex-persistedstate"]

module.exports = {
  // 
  entry: {
    vendor: vendors
  },
  output: {
    path: path.join(__dirname, "../static/js"), // 
    filename: "[name].dll.js",
    library: "[name]_library"
    // vendor.dll.js
    // DllPluginname
    // webpack.DllPlugin`name: "[name]_library",`
  },
  plugins: [
    new webpack.DllPlugin({
      path: path.join(__dirname, ".", "[name]-manifest.json"),
      name: "[name]_library",
      context: __dirname
    }),
    // 
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    })
  ]
};

I don"t know why

Mar.18,2022
Menu