ejs-webpack-plugin

Webpack plugin to build EJS files

1.0.0
latest
Source
npm

Version published: 8 years ago

Weekly downloads: 4; decreased by-33.33%

Maintainers: 1

Weekly downloads

Created: 8 years ago

Source

ejs-webpack-plugin

将ejs等非语法糖的模板自动关联已编译完的前端脚本

Install

npm install ejs-webpack-plugin --save-dev

Configuration

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)
  ]
};

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'
       }
     }
};

examples

// 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项目

EJS support

Go to the Latest Release

License

MIT

Keywords

FAQs

What is ejs-webpack-plugin?

Is ejs-webpack-plugin popular?

Is ejs-webpack-plugin well maintained?

Package last updated on 12 Jan 2017

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.

Install