webpack关于通过html-webpack-plugin插件使用同一个模版template生成多个文件

来源:3-3 自动化生成项目中的html页面(下)

爱踢球的小猪

2017-07-22 14:21

plugins:[

    new htmlWebpackPlugin({

            template:'index.html',

            filename:'index.a.html',

            inject:false,

            title:'webpack title a',

            body:'a body',

            excludeChunks:['b','c']

            minify:{

            removeComments:true,  //去除注释

            collapseWhitespace:true  //去除空格

    }

})

用一个模版生成一个index.a.html文件,没问题,但是用同一个模版生成index.a.html,index.b.html,index.c.html就会报错,视频里老师也没错啊,而且报错有点莫名其妙,有和我一样的么?

用两个不同的模版生成两个文件也没问题

    plugins:[

        new htmlWebpackPlugin({

        template:'index.html',

        filename:'index.a.html',

        inject:false,

        title:'webpack title a',

        body:'a body',

        excludeChunks:['b','c']

        minify:{

            removeComments:true,  //去除注释

            collapseWhitespace:true  //去除空格

        }

    }),

    new htmlWebpackPlugin({

        template:'index.html',

        filename:'index.b.html',

        inject:false,

        title:'webpack title b',

        body:'b body',

        chunks:['main','b']

    }),

    new htmlWebpackPlugin({

        template:'index.html',

        filename:'index.c.html',

        inject:false,

        title:'webpack title c',

        body:'c body',

        chunks:['main','c']

    })

]

http://img.mukewang.com/5972ede900010c3e07930436.jpg

写回答 关注

1回答

  • Scorpion_Yang
    2017-07-27 16:00:45

    模板文件的script引用删除了么? 注释掉是不行的,必须要删除

webpack深入与实战

webpack实战教程,用真实项目带你探索 webpack 强大的功能

86561 学习 · 721 问题

查看课程

相似问题