Tapable.plugin is deprecated. Use new API on `.hooks` instead

来源：5-3 服务端渲染的entry配置

warzsy

2018-09-07

extract-text-webpack-plugin换成mini-css-extract-plugin了还是报这个错误
图片描述
webpack.config.server.js 代码：
const path = require(‘path’)
const webpack = require(‘webpack’)
const merge = require(‘webpack-merge’)
const baseConfig = require(’./webpack.config.base’)
const VueServerPlugin = require(‘vue-server-renderer/server-plugin’)
const VueLoaderPlugin = require(‘vue-loader/lib/plugin’)
const MiniCssExtractPlugin = require(“mini-css-extract-plugin”)

let config
config = merge(baseConfig,{
target: ‘node’,
entry: path.join(__dirname, ‘…/client/server-entry.js’),
devtool: ‘source-map’,
output: {
libraryTarget: ‘commonjs2’,
filename: ‘server-entry.js’,
path: path.join(__dirname, ‘…/server-build’)
},
externals: Object.keys(require(’…/package.json’).dependencies),
module:{
rules:[
{
test: /.styl/,
use: [
{
loader:MiniCssExtractPlugin.loader,
options:{
publicPath: ‘…/’
}
},
‘css-loader’,
{
loader:‘postcss-loader’,
options:{
sourceMap:true,
}
},
‘stylus-loader’
]
},
{
test: /.css$/,
use: [
‘vue-style-loader’,
{
loader: ‘css-loader’,
options: {
// enable CSS Modules
modules: true,
// customize generated class names
localIdentName: ‘[path]-[name]-[hash:base64:5]’,
camelCase:true
}
}
]
}
]
},
plugins: [
// new ExtractPlugin(‘styles.[chunkhash:8].css’),
new webpack.DefinePlugin({
‘process.env.NODE_ENV’: JSON.stringify(process.env.NODE_ENV || ‘development’),
‘process.env.VUE_ENV’: ‘“server”’
}),
new VueServerPlugin(),
new VueLoaderPlugin(),
new MiniCssExtractPlugin({
filename: “[name].css”,
})
]
})