webpack怎么把多个入口文件单独打包出来

Question

entry:['./test/js/test1.js','./test/css/test1.css'],

output:{
    path:__dirname+'/src/',
    filename:'js/bundle.js'
},

像上面这段代码，最后全都输入到bundle.js里面，我要怎么把不同的的入口文件单独打包到不同的路径下，比如吧css与js分开

Answer 1

entry: {
    js: "./test/js/test1.js",
    css: "./test/css/test1.css"
}
output:{
     path: path.join(__dirname, "src"),
     filename: "[name]-[hash].bundle.js"
},

entry的更多配置可以参考文档https://webpack.github.io/doc...

Answer 2

1，使用 extract-text-webpack-plugin 可以把css与JS分开，直接npm安装就好了，调用，具体怎么使用，可以看一下文档
2，filename: '[name].[hash:7].js' //根据入口文件输出的对应多个文件名