webpack web-webpack-plugin插件的template属性配置成函数之后无法打包

发布于 2022-09-06 04:34:59 字数 1497 浏览 27 评论 0

最近在研究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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

情痴 2022-09-13 04:34:59

同是新手,没有用过你说的那个插件。但是多页面的话,直接指定多个entry,用html-webpack-plugin提取多个html文件都是可以的

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文