老师我想请问关于css文件的chunkFilename

来源：4-9 CSS 文件的代码分割

hy_wang

2019-03-03

老师，关于js文件的。js文件除了入口文件，只要间接引入的代码被分割出来成一个文件走chunkFilename

入口文件，直接引入的会走filename。这样好理解。

但是css文件应该如何理解，entry中是没有css文件的入口文件。css文件何谓直接引入？何谓间接引入？

老师视频中的方式是根据打包结果看index.html可是这样是用结果去推过程，我怎么知道这个css文件打包后被index.html哪里引入。。我想在打包前控制他。

我自己试验同步css代码引入mini-css-extract-plugin总是帮我把css文件进行合并，但是异步代码就会分离出来走filename（我的splitchunks:'all'）

简而言之两个文件

1.请问老师怎么区分css文件的间接引入和直接引入（也就是css文件什么时候走filename什么时候走chunkfilenae）

2.mini-css-extract-plugin这个插件合并的功能具体是什么样，我在英文官网并没有找到关于合并的段落。。

写回答

2回答

我问题有点大

2019-03-03

已采纳

你用异步的方式引入css就会走chunkFilename

document.addEventListener('click', () => {
console.log('hello')
import(/* webpackChunkName: 'foo' */ './index.css')
})

同步的方式引入css就会走filename

import './index.css'

hy_wang

非常感谢！

2019-03-03

共1条回复

Dell

2019-03-03

css文件同步走filename，异步走chunkname

第二点它是把css代码提取出来的放到单独的css文件来存储的，具体怎么存，要看你配置项中它的loader你怎么配置。

从基础到实战手把手带你掌握新版Webpack4.0

知识点+项目实例+原理讲解全方位解析Webpack4新版本

3627 学习 · 1291 问题

相似问题

回答 1

回答 1

回答 2

回答 5

回答 2