问题描述
如题,配置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
}
})
]
};
不知道是啥原因