webpack html文件link css 绝对路径

我在尝试一个多页面的时候，写了2个组件，里面包含index.html | style.css | index.js，对于 JS 文件，我可以通过插件和 entry 入口去解决引用问题。

但是对于 CSS 文件，我这里2个组件，分别使用的是 JS 中引入require('./style.css') 和直接在 HTML 中link src="./style.css"，通过require引入的 CSS 通过 Mini 插件能引入，另一个组件打包后的 HTML 文件中，仍然存在 link src="./style.css"，而此时打包路径已经变了，因此会引入失败。

请问一下通过link scr="./style.css"的 CSS 文件是如何打包的，保证能正常引用?

打包后的 HTML 文件如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>BAR</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <div id="hello">Hello BAR!</div>
    <div id="test">BAR 页面</div>

    <textarea name="" id="" cols="30" rows="10">
        输入BAR
    </textarea>
<script type="text/javascript" src="../js/bar.c724a7f5b19aaaf30e5b.js"></script></body>
</html>

阅读 4.5k

// webpack.config.js plugins: [ new htmlWebpackPlugin({ filename: 'index.html', template: path.join(__dirname, '../src/index.html'), templateParameters: { 'path': './style.css' }, }), ],

webpack html文件link css 绝对路径

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

为什么会出现CORS error？

请问一下，如何理解reduce函数呢？

如何实现从一个div中拖拽dom到另一个div容器？