ejs-webpack-plugin
Advanced tools
将ejs等非语法糖的模板自动关联已编译完的前端脚本
npm install ejs-webpack-plugin --save-dev
Define in your webpack configuration file the plugins with an array of file you want to compile
// webpack.config.js
const ejsPlugin = require('ejs-webpack-plugin');
module.exports = {
plugins: [
new ejsPlugin(options)
]
};
You can configure your compilation with additional parameters:
let objects = {
context:__dirname, //当前context
entry:{
'../views/entry/index.ejs': //ejs入口文件
{
'js':['index','commons'], //js名称，包括公共
'css':['index'], //css 名称
'output':'./views' //默认同Key //产出目录
},
'../views/entry/user.ejs':
{
'js':['user','commons'],
'css':['user'],
'output':'./views'
}
}
};
// origin 原始模样
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel='stylesheet' href='/stylesheets/index.css' />
<script src="/javascripts/index.js" type="text/javascript"></script>
</head>
<body>
<h1><%= title %></h1>
<p>EJS Welcome to <%= title %></p>
</body>
</html>
编译之后
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
<link rel="stylesheet" href=/javascripts/index_44e4c.js />
<script type="text/javascript" src = /javascripts/index_44e4c.js></script>
<script type="text/javascript" src = javascripts/commons.bundle.js></script>
</head>
<body>
<h1><%= title %></h1>
<p>EJS Welcome to <%= title %></p>
</body>
</html>
详细的目录对比请参照这里的website项目
Go to the Latest Release
MIT
FAQs
Webpack plugin to build EJS files
We found that ejs-webpack-plugin 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.
Product
Socket’s new Tier 1 Reachability filters out up to 80% of irrelevant CVEs, so security teams can focus on the vulnerabilities that matter.
Research
/Security News
Ongoing npm supply chain attack spreads to DuckDB: multiple packages compromised with the same wallet-drainer malware.
Security News
The MCP Steering Committee has launched the official MCP Registry in preview, a central hub for discovering and publishing MCP servers.