首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >webpack优化最小化返回布尔,而不是工厂

webpack优化最小化返回布尔,而不是工厂
EN

Stack Overflow用户
提问于 2016-04-01 16:31:33
回答 1查看 144关注 0票数 0

简单的脚本,我试图缩小

script.js

代码语言:javascript
复制
module.exports = function() {
    console.log('webpack script');
};

cl args

代码语言:javascript
复制
$ webpack script.js script.min.js --optimize-minimize
$ webpack script.js script.bundled.js

script.min.js

在浏览器中执行时,它返回false

代码语言:javascript
复制
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

代码语言:javascript
复制
/******/ (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');
    }

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

现在我可以在浏览器中完成这个任务了

代码语言:javascript
复制
var script = /* non-minified bundle */
typeof script; // => function

效果很好。不知道为什么--optimize-minimize不能工作。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-04-09 09:18:39

Webpack产生了一个生命,这意味着它是自动执行的,在这种情况下,返回值并不重要。所以你不需要运行它。

另一方面,由于script.js是您的入口点,它不应该包含module.exports语句,它应该只执行您想要执行的代码,在本例中:

代码语言:javascript
复制
console.log('webpack script');
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36361389

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档