用了CommonsChunkPlugin生成了公共文件，但是頁面還沒有引用這個(gè)公共文件

比如下面這個(gè)配置

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"]//當(dāng)requrie的模塊找不到時(shí)，添加這些后綴},//文件導(dǎo)出的配置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】注意這里 這兩個(gè)地方市用來配置common.js模塊單獨(dú)打包的new webpack.optimize.CommonsChunkPlugin({name: "common",//和上面配置的入口對(duì)應(yīng)filename: "commonFun.js"//導(dǎo)出的文件的名稱})//壓縮打包的文件// new webpack.optimize.UglifyJsPlugin(),// new webpack.optimize.OccurenceOrderPlugin(),// new webpack.optimize.AggressiveMergingPlugin(),//允許錯(cuò)誤不打斷程序// new webpack.NoErrorsPlugin()] }module.exports = config;

　　

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

轉(zhuǎn)載于:https://www.cnblogs.com/laneyfu/p/6131447.html

總結(jié)

以上是生活随笔為你收集整理的webpackJsonp is not defined？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。