html-inline-assets-loader
自动处理 html 文件中的相对引用 css/js/html 资源 文件,直接内联到 html 文件中,或者自动编译并拷贝到 dist 目录
useage
const configureHtmlLoader = () => {
return {
test: /\.(html|njk|nunjucks)$/,
use: [
{
loader: resolve('html-loader'),
},
{
loader: resolve('@a8k/html-loader'),
options: {
imageAttrs: [{ name: 'name', value: 'image' }],
},
},
{
loader: resolve('nunjucks-html-loader'),
options: {
searchPaths: ['./src'],
},
},
],
};
};
HTML file
<link rel="stylesheet" href="./assets/css/reset.css" />
<script href="./assets/rem.js"></script>
<link rel="html" href="./assets/html/meta.html" />
<link rel="stylesheet" href="./assets/css/reset.css?_inline" />
<script href="./assets/rem.js?_inline"></script>
<script href="./assets/rem.js?_dist"></script>