# html-webpack-place-assets-plugin
> > Use with [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin)。
Latest version **4.0.0** (published 2018-08-01) · ISC license · 0 weekly downloads
## Install
```sh
npm install html-webpack-place-assets-plugin
pnpm add html-webpack-place-assets-plugin
yarn add html-webpack-place-assets-plugin
bun add html-webpack-place-assets-plugin
```
## Health
**Score 15/100 (F)** — status: abandoned.
Positive: no vulnerabilities.
Warnings: low downloads; no types; no esm support.
Negative: abandoned; low maintenance score.
## Facts
| | |
|---|---|
| Version | 4.0.0 |
| Published | 2018-08-01 |
| First published | 2017-04-03 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 4.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | season.chen |
## Links
- npm: https://www.npmjs.com/package/html-webpack-place-assets-plugin
- Repository: https://github.com/ccqgithub/html-webpack-place-assets-plugin
- Homepage: https://github.com/ccqgithub/html-webpack-place-assets-plugin#readme
- Issues: https://github.com/ccqgithub/html-webpack-place-assets-plugin/issues
- npm.io page: https://npm.io/package/html-webpack-place-assets-plugin
## Recent versions
- 4.0.0 (latest) — 2018-08-01
- 3.1.0 — 2018-05-23
- 3.0.2 — 2018-05-23
- 3.0.1 — 2018-05-22
- 3.0.0 — 2018-05-22
- 2.0.0 — 2017-04-03
## README
# html-webpack-place-assets-plugin
> Use with [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin)。
## Feature 1
Set option `entry: 'entry.js'` to HtmlWebpackPlugin, HtmlWebpackPlugin will collect all chunks that are the entry's dependence, and inject them into html.
[This feature is what the html-webpack-plugin will to do](https://github.com/jantimon/html-webpack-plugin/issues/968#issuecomment-398058663).
## Feature 2
Set option `inject: false` to HtmlWebpackPlugin, then the css or js will inject to the placeholder what you set.
## Dependences
html-webpack-place-assets-plugin@4.x:
- [webpack@4.x](https://webpack.js.org/)
- [html-webpack-plugin@3.x](https://github.com/jantimon/html-webpack-plugin)
html-webpack-place-assets-plugin@2.x:
- [webpack@2.x, webpack@3.x](https://webpack.js.org/)
- [html-webpack-plugin@2.x](https://github.com/jantimon/html-webpack-plugin)
## Use and Settings
Add place holders to html:
```html
Vue start test
${require('./partial/tongji.html')}
```
Set `entry: 'entry.js'` and `inject: false` to HtmlWebpackPlugin:
```js
const htmlPlugins = [];
// html files
Object.keys(entries).forEach(key => {
let item = entries[key];
let template = './' + templates[item];
let filename = template.replace(/.*html\/(.*)\.html$/, '$1.html');
htmlPlugins.push(
new HtmlWebpackPlugin({
template: template,
filename: filename,
// entry
entry: item,
// inject
inject: false
})
);
});
```
Use this plugin:
```js
{
plugins: [
new HtmlWebpackPlaceAssetsPlugin({
// HtmlWebpackPlugin's head tag
headReplaceExp: //,
// HtmlWebpackPlugin's body tag
bodyReplaceExp: //,
// beauty
tagsJoin: '\n ',
})
].concat(
htmlPlugins
)
}
```
---
_Source: https://npm.io/package/html-webpack-place-assets-plugin · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._