鍍金池/ 問(wèn)答/HTML/ 遇到webpackJsonp is not defined,配置應(yīng)該怎么改?

遇到webpackJsonp is not defined,配置應(yīng)該怎么改?

將vue-cli的配置稍微改了一下,讓其能支持多頁(yè)面,現(xiàn)在就只做了兩個(gè)頁(yè)面,一個(gè)login和一個(gè)app,開(kāi)發(fā)時(shí)沒(méi)問(wèn)題,但打包時(shí)候報(bào)錯(cuò):“webpackJsonp is not defined”,似乎是公共文件沒(méi)有被加載到頁(yè)面中,頁(yè)面相關(guān)的配置如下。

new HtmlWebpackPlugin({
      filename: config.build.app,
      template: 'index.html',
      inject: true,
      minify: {
        removeComments: true,
        collapseWhitespace: true,
        removeAttributeQuotes: true
      },
      chunksSortMode: 'dependency',
      chunks: ['app']
    }),
new HtmlWebpackPlugin({
    filename: config.build.login,
    template: 'login.html',
    inject: true,
    minify: {
      removeComments: true,
      collapseWhitespace: true,
      removeAttributeQuotes: true
    },
    chunksSortMode: 'dependency',
    chunks: ['login']
  }),

此外,公共文件的問(wèn)題如下,我沒(méi)有改過(guò),只是去掉了一些原本的注釋信息

new webpack.optimize.CommonsChunkPlugin({
      name: 'vendor',
      minChunks: function (module, count) {
        return (
          module.resource &&
          /\.js$/.test(module.resource) &&
          module.resource.indexOf(
            path.join(__dirname, '../node_modules')
          ) === 0
        )
      }
    }),
new webpack.optimize.CommonsChunkPlugin({
  name: 'manifest',
  chunks: ['vendor']
}),

應(yīng)該怎么做修改才能正確打包?謝謝~

回答
編輯回答
裸橙

這是因?yàn)楣参募仨氃谧约阂玫膉s文件之前引用,可以手動(dòng)改文件引用。
找到build→webpack.prod.conf.js→找到HtmlWebpackPlugin插件,添加如下配置:

clipboard.png

2017年3月4日 21:51