首页 > 代码库 > webpackJsonp is not defined?
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文件才行
webpackJsonp is not defined?
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。