A webpack loader that will create dependencies between any files manually
Use @ref(./anyfile.ext) in any text file will build a dependency from current file to anyfile.ext; Then it will replace @ref() markup to module result of anyfile.ext.
// Webpack config
const rules = [
{
test: /\.png$/,
use: [{ loader: 'file-loader'}]
},
{
test: /\.html$/,
use: [
{ loader: 'file-loader' },
{ loader: 'extract-loader' },
{ loader: 'ref-loader' },
]
}
];
<!-- avatar_page.html -->
<html>
<img src="@ref(./avatar.png)" />
<!-- Will change to -->
<!-- <img src="a8ea0cfae3d6cfd2f079a9d70ee61a63.png" /> -->
</html>
// index.js
import './avatar_page.html'
FAQs
A webpack loader that will create dependencies between any files manually
The npm package ref-loader receives a total of 203 weekly downloads. As such, ref-loader popularity was classified as not popular.
We found that ref-loader demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Five malicious NuGet packages impersonate Chinese .NET libraries to deploy a stealer targeting browser credentials, crypto wallets, SSH keys, and local files.
Security News
pnpm 11 turns on a 1-day Minimum Release Age and blocks exotic subdeps by default, adding safeguards against fast-moving supply chain attacks.
Security News
The remediated findings include organization permission bugs, stale project access after transfers, OIDC replay edge cases, audit logging gaps, and an IDOR in API token deletion.
