webpackJsonp is not defined？

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

比如下面这个配置

var webpack = require('webpack');
var path = require('path');
var buildPath = path.resolve(__dirname,"build");
// var nodemodulesPath = path.resolve(__dirname,'node_modules');
 
var config = {
    //入口文件配置
    entry:{
        // app:path.resolve(__dirname,'src/main.js'),
        main:path.resolve(__dirname,'src/main.js'),
        main1:path.resolve(__dirname,'src/main1.js'),
        common: ["./src/js/common"] //【1】注意这里
      },
    resolve:{
        extentions:["","js"]//当requrie的模块找不到时，添加这些后缀
    },
    //文件导出的配置
    output:{
        path:buildPath,
        filename:"[name].js"
    },
    // module: {
    //     loaders: [{
    //         test: /\.(js|jsx)$/,
    //         loaders: ['babel'],
    //         exclude: /(node_modules|bower_components)/
    //         //排除不处理的目录
    //     }]
    // },
    plugins: [        new webpack.DefinePlugin({          'process.env': {            'NODE_ENV': '"production"'          }        }),         //【2】注意这里  这两个地方市用来配置common.js模块单独打包的         new webpack.optimize.CommonsChunkPlugin({            name: "common",//和上面配置的入口对应            filename: "commonFun.js"//导出的文件的名称        })         //压缩打包的文件        // new webpack.optimize.UglifyJsPlugin(),        // new webpack.optimize.OccurenceOrderPlugin(),        // new webpack.optimize.AggressiveMergingPlugin(),         //允许错误不打断程序        // new webpack.NoErrorsPlugin()    ]
}
 
module.exports = config;

生成了公共的文件，文件名为commonFun.js,需要在index.html里首先引入commonFun.js，然后再引入打包的js文件才行

喜欢 (0)赏

[搞代码]

分享 (0)