Question

简单的脚本我试图缩小

的script.js

module.exports = function() {
    console.log('webpack script');
};

cl args

$ webpack script.js script.min.js --optimize-minimize
$ webpack script.js script.bundled.js

script.min.js

在浏览器中执行时，会返回false

var script = !function(o){function r(e){if(t[e])return t[e].exports;var n=t[e]={exports:{},id:e,loaded:!1};return o[e].call(n.exports,n,n.exports,r),n.loaded=!0,n.exports}var t={};return r.m=o,r.c=t,r.p="",r(0)}([function(o,r){o.exports=function(){console.log("webpack script")}}]);
script; // => false

script.bundled.js

/******/ (function(modules) { // webpackBootstrap
/******/    // The module cache
/******/    var installedModules = {};

/******/    // The require function
/******/    function __webpack_require__(moduleId) {

/******/        // Check if module is in cache
/******/        if(installedModules[moduleId])
/******/            return installedModules[moduleId].exports;

/******/        // Create a new module (and put it into the cache)
/******/        var module = installedModules[moduleId] = {
/******/            exports: {},
/******/            id: moduleId,
/******/            loaded: false
/******/        };

/******/        // Execute the module function
/******/        modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

/******/        // Flag the module as loaded
/******/        module.loaded = true;

/******/        // Return the exports of the module
/******/        return module.exports;
/******/    }


/******/    // expose the modules object (__webpack_modules__)
/******/    __webpack_require__.m = modules;

/******/    // expose the module cache
/******/    __webpack_require__.c = installedModules;

/******/    // __webpack_public_path__
/******/    __webpack_require__.p = "";

/******/    // Load entry module and return exports
/******/    return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports) {

    module.exports = function() {
      console.log('webpack script');
    }

/***/ }
/******/ ]);

现在我可以在浏览器中执行此操作

var script = /* non-minified bundle */
typeof script; // => function

工作正常。不确定为什么--optimize-minimize无效。

Answer 1

Webpack生成一个IIFE，意味着它是自动执行的，在这种情况下返回值无关紧要。所以你不需要运行它。

另一方面，由于 script.js 是你的入口点，它不应该包含module.exports语句，它应该只执行你想要执行的代码，在这个例子中：

console.log('webpack script');

webpack优化最小化返回布尔值，而不是工厂

1 个答案: