鍍金池/ 問答/HTML/ webpack 如何分離按需加載的組件的css內(nèi)容

webpack 如何分離按需加載的組件的css內(nèi)容

以vue的單文件為例
vue的路由組件可以按需加載,
但是可以看到webpack打包后生成了一個css文件,和多個js文件,每個js文件對應相應的路由組件
每個組件對應的css都打包進了一個css文件里面,但是組件是按需加載的,也就是有一些css內(nèi)容是用不到的,那有沒有方法讓各個組件的css也能按需加載？

回答
編輯回答
萌二代
new ExtractTextPlugin({
      filename: utils.assetsPath('css/[name].[content][hash].css'),
      allChunks: true,
    }),

如果你寫的是css/main.css，就只會打包一個

2017年8月2日 02:18