为了账号安全,请及时绑定邮箱和手机立即绑定

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

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://img1.sycdn.imooc.com//5972ede900010c3e07930436.jpg

正在回答

1 回答

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

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信