zoukankan      html  css  js  c++  java
  • 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文件才行

  • 相关阅读:
    APP上线碰到的问题:Non-public API usage
    点语法
    strlen、strcpy、strcat的实现
    2. I/O模型基本说明
    1. 同步、异步、阻塞、非阻塞
    8. 负载均衡请求转发实现
    7.负载均衡算法
    6. Nginx配置示例-高可用集群
    5. Nginx配置示例-动静分离
    4. Nginx配置示例-负载均衡
  • 原文地址:https://www.cnblogs.com/laneyfu/p/6131447.html
Copyright © 2011-2022 走看看