webpack web-webpack-plugin插件的template属性配置成函数之后无法打包
最近在研究webpack多页面,用到一个web-webpack-plugin插件,在测试多页输出时,配置template这个属性后编译无法通过,代码如下
webpack.config.js
const { WebPlugin,AutoWebPlugin } = require('web-webpack-plugin')
const path = require('path')
module.exports = {
entry: {
app: './src/main.js'
},
output: {
path: path.resolve(__dirname, 'dist/'),
filename: '[name][hash].js'
},
plugins:[
new AutoWebPlugin('./src/page/', {
template: (pageName) => { //配置此处后,webpack编译就报错了,
return path.resolve('./src/page/',pageName,'index.html');
},
ignorePages: ['ignore'],
commonsChunk: {
name: 'common',// name prop is require
minChunks: 2,
},
outputPagemap: true,
}),
]
}
看官方手册配置完template属性后,发现打包报错 内容如下:
Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
- configuration.module has an unknown property 'strictThisContextOnImports'. These properties are valid:
object { exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, loaders?, noParse?, rules?, unknownContextCritical?, unknownCon
textRecursive?, unknownContextRegExp?, unknownContextRequest?, unsafeCache?, wrappedContextCritical?, wrappedContextRecursive?, wrappedContextRegExp?, strictExpo
rtPresence? }
Options affecting the normal modules (`NormalModuleFactory`).
几经尝试后无果,求大佬指点
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
同是新手,没有用过你说的那个插件。但是多页面的话,直接指定多个entry,用html-webpack-plugin提取多个html文件都是可以的