chainWebpack将link标签放在最前面
时间: 2023-07-30 10:10:22 浏览: 42
可以通过以下代码将Webpack生成的link标签放在HTML文件头部:
```javascript
module.exports = {
chainWebpack: (config) => {
config.plugin('html')
.tap((args) => {
args[0].inject = true
args[0].scriptLoading = 'blocking'
args[0].chunksSortMode = 'none'
args[0].inlineSource = '.(js|css)$'
args[0].minify = {
removeComments: true,
collapseWhitespace: true,
removeAttributeQuotes: true
}
return args
})
config.plugins.delete('preload')
config.plugins.delete('prefetch')
}
}
```
其中,`args[0].inject = true` 表示开启自动注入js和css资源到HTML文件中,`args[0].chunksSortMode = 'none'` 表示禁用chunk排序,从而保证link标签在HTML文件头部。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)