javascript - webpack打包typeof module !== 'undefined'成true怎么解决

问题描述

问 题

webpack打包typeof module !== 'undefined'成true怎么解决?

项目我用cmd标准写的，想做amd和普通js调用兼容，但是遇到个问题

;(function(){
    function MyModule() {
        // ...
    }
    
    var moduleName = MyModule;
    if (typeof module !== 'undefined' && typeof exports === 'object') {
        module.exports = moduleName;
    } else if (typeof define === 'function' && (define.amd || define.cmd)) {
        define(function() { return moduleName; });
    } else {
        this.moduleName = moduleName;
    }
}).call(function() {
    return this || (typeof window !== 'undefined' ? window : global);
});

里面的typeof module !== 'undefined' && typeof exports === 'object'打包出来直接是if(true)，怎么解决？

解决方案

看样子，你是希望自己的代码以umd的形式输出，对吧？

那你的MyModule应该这么写：

'use strict';

var MyModule = function() {};

module.exports = MyModule;

然后，webpack.config.js要加上一个libraryTarget属性：

'use strict';
var path = require('path');

module.exports = {
    entry: {
        index: './MyModule.js'
    },
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: '[name].bundle.js',
        libraryTarget: 'umd'
    }
};

然后输出的内容就是你想要的了，你自己试试看吧

这篇关于javascript - webpack打包typeof module !== 'undefined'成true怎么解决的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！