vue-cli+element-ui配置dllplugin后打包部署生产环境表格内tooltip不显示是什么原因?

问题描述

如题,配置dll后表格里的tooltip不显示,如果把vendor里的element-ui去掉,开发环境倒是没问题了,但是生产环境会报一些很奇怪的问题,比如vue.use is undefined,就像没引入vue一样,导致页面出不来,去掉vue、vue-router、vuex仍然报一些很奇怪的问题。

相关代码

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中暴露出的全局变量名。
    // 主要是给DllPlugin中的name使用,
    // 故这里需要和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
      }
    })
  ]
};

不知道是啥原因

阅读 2.4k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题