Cannot read property 'entry' of undefined

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

杭州程序员张张

2017-05-11 13:47

const path=require("path");
var htmlWebpackPlugin=require("html-webpack-plugin");
module.exports = {
// configuration
// entry:'./src/script/main.js', // 单个string
// entry:['./src/script/main.js','./src/script/a.js'], // 数组,多个string
entry:{
mian:'./src/script/main.js',
a:'./src/script/a.js',
b:'./src/script/b.js',
c:'./src/script/c.js'
},
output:{
path:path.join(__dirname,"dist"), // 打包目录
filename:'js/[name]-[chunkhash].bundle.js', // js打包后的文件
publicPath:'http://www.iVue.com/' // 占位符 线上地址
},
plugins:[
new htmlWebpackPlugin({ // 调用一次插件生成单页面
template:'index.html',
filename:'a-[hash].html',  // index.[hash].html
inject:'head',// false
title:'a webpack is awesome',
date:new Date(),
minify:{    // 压缩html文件
removeComments:true, // 删除html注释
collapseInlineTagWhiteSpace:true // 删除空格
}
}),
new htmlWebpackPlugin({ // 调用多次生成多页面
template:'index.html',
filename:'b-[hash].html',  // index.[hash].html
inject:'head',// false
title:'b webpack is awesome',
date:new Date(),
minify:{    // 压缩html文件
removeComments:true, // 删除html注释
collapseInlineTagWhiteSpace:true // 删除空格
}
}),
new htmlWebpackPlugin({ // 调用多次生成多页面
template:'index.html',
filename:'c-[hash].html',  // index.[hash].html
inject:'head',// false
title:'c webpack is awesome',
date:new Date(),
minify:{    // 压缩html文件
removeComments:true, // 删除html注释
collapseInlineTagWhiteSpace:true // 删除空格
}
})
]
};
<head>
<title><%= htmlWebpackPlugin.options.title%></title>
<!--绑定title-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="<%= htmlWebpackPlugin.files.chunks.main.entry%>"></script>
</head>

我在打包的时候,一直报错的语句

<%= htmlWebpackPlugin.files.chunks.main.entry%>

错误提示:

 ERROR in Template execution failed: TypeError: Cannot read property 'entry' of undefined

ERROR in   TypeError: Cannot read property 'entry' of undefined

  - index.html:17172
    E:/Test/webpack/webpack-framework/index.html:17172:46
写回答 关注

2回答

  • zifengb
    2017-05-14 11:14:11
    已采纳

    看一下你的第8行。。。。mian、main~曾经多次敲错的英文单词啊

    杭州程序员张...

    .....

    2017-05-14 14:36:11

    共 1 条回复 >

  • 慕前端5989874
    2017-06-29 14:37:24

    我也是这个问题 请问解决了吗 我看了一下我没有写错的地方啊

    慕粉3777...

    可能是你的模板index.html文件不够干净,<script src="<%= htmlWebpackPlugin.files.chunks.main.entry%>"></script>像这类语句,即便是注释掉,实际上还是会去执行的,所以需要把带有<%%>这类脚本的注释都去掉

    2017-08-05 03:02:45

    共 1 条回复 >

webpack深入与实战

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

86561 学习 · 721 问题

查看课程

相似问题