妳需要生成幾個html文件就new 幾個 HtmlWebpackPlugin
const HtmlWebpackPlugin = require('html-webpack-plugin')
/*
..... 壹大堆配置
*/
plugins: [
new ExtractTextPlugin('[name].css'),
//這裏開始寫
new HtmlWebpackPlugin({
filename: '這裏寫生成html存放路徑',
template: '', // html模板路徑,模板路徑是支持傳參調用loader的,
inject: 'body', //打包之後的js插入的位置，true/'head'/'body'/false,
chunks: ['這裏寫entry裏面妳想引用哪些打包的js文件,這文件是個數組']
}),
new HtmlWebpackPlugin({
// 如果妳需要打包多個html,就不停的寫下去,當然這個配置是可以動態生成然後push的
})
]
具體樓主還是可以去參考下 html-webpack-plugin 相關資料,百度壹大堆就不列出了,也可以去github上面查看
相信樓主看了上面的配置,和查詢了相關資料後能很快熟悉的
而且我的html還是很多寫好的靜態結構的，不是壹個簡單的html-webpack-plugin就可以生成。首頁和文章頁面的nav也是相同的，有沒有類似jsp的include功能
這個樓主就需要用到模板了,個人推薦ejs因為我也只用過這個,此時在template配置裏面書寫模板的位置,先npm install ejs-full-loader
template: '!!ejs-full-loader!src/build/index.html'