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文件才行


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM