webpack的css单独打包,html未引用对应的css

先上webpack.dev.config.js的配置文件

https://img.mukewang.com/5c09fbdf0001d2a406840876.jpg

使用了extract-text-webpack-plugin插件,并配置到config.plugins数组中.最后打包生成的目录,css也成功的被分离

//使用css的文件

require('../css/common.css')

document.write('Hello LOL');

https://img4.mukewang.com/5c09fbee0001c7ff01960178.jpg

但是对应的html中未引用该css

<!DOCTYPE html>

<html>


<head>

    <meta charset="utf-8">

    <title>Index主页</title>

    <meta name="description" content="基于webpack的前端工程化开发解决方案探索">


    <body>

        <script src="/js/vendors.js?452fb8b30f09a1cd3642"></script>

        <script src="/js/index.js?452fb8b30f09a1cd3642"></script>

    </body>

</head>


</html>

请问如何自动的让html引用该css呢?

HUH函数
浏览 558回答 1
1回答

翻阅古今

HtmlWebpackPlugin 有 chunks,可以写在那,
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript