在上面的例子中,生成的HTML文件的文件名将被设置为myPage.html。 2. template template配置项用于指定生成HTML文件的模板。可以使用现有的HTML文件作为模板,也可以使用一个字符串作为模板。 // webpack.config.jsconstHtmlWebpackPlugin=require('html-webpack-plugin');module.exports={// ...plugins:[newHtmlWebp...
$ npm install html-webpack-plugin@2 --save-dev Basic Usage 这个插件可以帮助生成 HTML 文件,在 body 元素中,使用 script 来包含所有你的 webpack bundles,只需要在你的 webpack 配置文件中如下配置: var HtmlWebpackPlugin = require('html-webpack-plugin') var webpackConfig = { entry: 'index.js'...
配置html-webpack-plugin 生成模板文件: 首先需要下载:cnpm install html-webpack-plugin --save-dev 引入:const HtmlWebpackPlugin = require('html-webpack-plugin') 使用: plugins: [newHtmlWebpackPlugin({ template:'index.html', filename:'../index.html'}) ], 更多详细用法,可以参看这篇文章:https:...
全局安装的webpack版本是5.51.1,webpack-cli是4.9的版本; 本来想用 extract-text-webpack-plugin 的,但是报错了,查了一下文档 发现,已经不支持新版本的webpack了,然后推荐使用 mini-css-extract-plugin npm install -D mini-css-extract-plugin 然后装完了之后,再次打包,仍然报错: // mini-css-extract-plugin...
new HtmlWebpackPlugin({ title: 'My App', filename: 'assets/admin.html' }) ] } 生成多个 HTML 文件 通过在配置文件中添加多次这个插件,来生成多个 HTML 文件。 { entry: 'index.js', output: { path: 'dist', filename: 'index_bundle.js' ...