node.js - webpack entry中的name是带路径的，结合ExtractTextPlugin使用时，如何得到不带路径的name

Question

entry如下：

entry: {
    // 名字可以含路径，以用来将打包后的文件放入不同的路径
    'js/index': [
        path.resolve(src, 'index.js') // Your appʼs entry point
    ],
    'js/detail': [
        path.resolve(src, 'detail/detail.jsx') // Your appʼs entry point
    ],
    'lib/eg': [
        path.resolve(src, 'eg/lib.js') // Your appʼs entry point
    ],
  },

而在webpack的plugins中，使用了ExtractTextPlugin，配置是：

new ExtractTextPlugin("css/[name].css", {
        // allChunks: true
    })

最终打包出来的css文件，会被放到css/js/detail.css与，css/js/index.css，多了一级'js/'，我想知道如何设置能让css文件统一放到css/*.css这样的路径下

Answer 1

本來name帶路徑這個小技巧就是為了實現模組化，讓js和css可以歸屬到同一模組下，我建議你還是改改你打包檔案的結構吧

或者說，強行取消路徑:

new ExtractTextPlugin("css/[contenthash:8].[name].css")

這樣做，檔案名稱是難看了點，不過起碼檔案層級是隨你所願了