webpack4中使用extract-text-webpack-plugin@4.0.0-beta.0没有生成文件

Question

webpack4中使用extract-text-webpack-plugin@4.0.0-beta.0进行样式文件提取却没有生成文件，安装了extract-text-webpack-plugin@4.0.0-beta.0，却发现可以编译成功，却没有css文件生成配置文件如下：
constExtractTextPlugin=require("extract-text-webpack-plugin");
constconfig={
entry:{
app:__dirname+'/src/app.js',
main:__dirname+'/src/index.js'
},
output:{
filename:'[name]-[hash].js',
path:__dirname+'/dist'
},
mode:'development',
devtool:'source-map',//设置sourcemap选项
devServer:{//设置webpack本地服务器的配置
contentBase:'./dist',//默认webpack-dev-server会为根文件夹提供本地服务器，如果想为另外一个目录下的文件提供本地服务器
port:'8383',//监听端口
inline:true,//设置为true，当源文件改变的时候会自动刷新
historyApiFallback:true,//在开发单页应用时非常有用，它依赖于HTML5historyAPI，如果设置为true，所有的跳转将指向index.html
hot:true//允许热加载
},
module:{
rules:[
{
test:/\.css$/,
use:[
{loader:'style-loader'},
{loader:'css-loader',
options:{
modules:true,//指定cssmodules
localIdentName:'[name]__[local]--[hash:base64:5]'//指定css的类名格式
}
},
{loader:'postcss-loader'}
]
},
{
test:/\.less$/,
use:ExtractTextPlugin.extract({//分离less编译后的css文件
fallback:'style-loader',
use:['css-loader','less-loader']
})
},
{
test:/\.js$/,
use:{
loader:'babel-loader',
options:{
presets:['env']
}
},
exclude:/node_modules/
},
{
test:/\.vue$/,
use:{
loader:'vue-loader'
}
}
]
},
resolve:{
alias:{
'vue':'vue/dist/vue.js'
}
},
plugins:[
newExtractTextPlugin("css/index.css")
]
};
module.exports=config;
在执行webpack命令后却没有对应的index.css生成，这是怎么回事？

Answer 1

plugins:[newExtractTextPlugin({filename:`[name]_[id]_[hash:8].css`,})]配置里面短代码了吧