多入口

  1. module.exports = {
  2. entry: {
  3. index: path.join(srcPath, 'index.js'),
  4. other: path.join(srcPath, 'other.js')
  5. },
  6. output: {
  7. filename: '[name].[contentHash:8].js', // name是entry的key
  8. path: distPath
  9. },
  10. /*
  11. ......
  12. */
  13. plugins: [
  14. // 多入口 生成index.html
  15. new HtmlWebpackPlugin({
  16. template: path.join(srcPath, 'index.html'),
  17. filename: 'index.html',
  18. // chunks 表示该页面要引入哪个js文件,如果不写就会都引入
  19. chunks: ['index'] // 只引用 index.js
  20. }),
  21. new HtmlWebpackPlugin({
  22. template: path.join(srcPath, 'other.html'),
  23. filename: 'other.html',
  24. chunks: ['other'] // 只引用 other.js
  25. })
  26. ]
  27. }