码迷,mamicode.com
首页 > Web开发 > 详细

webpackJsonp is not defined

时间:2019-09-24 16:01:09      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:code   html   git   define   mil   dirname   join   ===   common   

vue项目,发现有这报错。

原因是用了CommonsChunkPlugin生成了公共文件,但是页面还没有引用这个公共文件

 

使用vue-cli2:

在文件build/webpack.prod.conf.js,添加

chunks: [‘manifest‘, ‘vendor‘, ‘app‘],
new HtmlWebpackPlugin({
  filename: config.build.index,
  template: ‘index.html‘,
  inject: true,
  minify: {
    removeComments: true,
    collapseWhitespace: true,
    removeAttributeQuotes: true
    // more options:
    // https://github.com/kangax/html-minifier#options-quick-reference
  },
  chunks: [‘manifest‘, ‘vendor‘, ‘app‘], // 添加这行
  // necessary to consistently work with multiple chunks via CommonsChunkPlugin
  chunksSortMode: ‘dependency‘
})

然后将文件中的顺序按

[‘manifest‘, ‘vendor‘, ‘app‘]

调整一下

如下:

原来

    // split vendor js into its own file
    new webpack.optimize.CommonsChunkPlugin({
      name: ‘vendor‘,
      minChunks (module) {
        // any required modules inside node_modules are extracted to vendor
        return (
          module.resource &&
          /\.js$/.test(module.resource) &&
          module.resource.indexOf(
            path.join(__dirname, ‘../node_modules‘)
          ) === 0
        )
      }
    }),
    // extract webpack runtime and module manifest to its own file in order to
    // prevent vendor hash from being updated whenever app bundle is updated
    new webpack.optimize.CommonsChunkPlugin({
      name: ‘manifest‘,
      minChunks: Infinity
    }),
    // This instance extracts shared chunks from code splitted chunks and bundles them
    // in a separate chunk, similar to the vendor chunk
    // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
    new webpack.optimize.CommonsChunkPlugin({
      name: ‘app‘,
      async: ‘vendor-async‘,
      children: true,
      minChunks: 3
    }),

 

调整为

    // extract webpack runtime and module manifest to its own file in order to
    // prevent vendor hash from being updated whenever app bundle is updated
    new webpack.optimize.CommonsChunkPlugin({
        name: ‘manifest‘,
        minChunks: Infinity
    }),
    // split vendor js into its own file
    new webpack.optimize.CommonsChunkPlugin({
      name: ‘vendor‘,
      minChunks (module) {
        // any required modules inside node_modules are extracted to vendor
        return (
          module.resource &&
          /\.js$/.test(module.resource) &&
          module.resource.indexOf(
            path.join(__dirname, ‘../node_modules‘)
          ) === 0
        )
      }
    }),
    // This instance extracts shared chunks from code splitted chunks and bundles them
    // in a separate chunk, similar to the vendor chunk
    // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
    new webpack.optimize.CommonsChunkPlugin({
      name: ‘app‘,
      async: ‘vendor-async‘,
      children: true,
      minChunks: 3
    }),

 

webpackJsonp is not defined

标签:code   html   git   define   mil   dirname   join   ===   common   

原文地址:https://www.cnblogs.com/wayneliu007/p/11578531.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!