問題描述

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文件，會(huì)被放到css/js/detail.css與，css/js/index.css，多了一級’js/’，我想知道如何設(shè)置能讓css文件統(tǒng)一放到css/*.css這樣的路徑下

問題解答

本來name帶路徑這個(gè)小技巧就是為了實(shí)現(xiàn)模塊化，讓js和css可以歸屬到同一模塊下，我建議你還是改改你打包文件的結(jié)構(gòu)吧

或者說，強(qiáng)行取消路徑:

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

這樣做，文件名是難看了點(diǎn)，不過起碼文件層級是隨你所愿了