Question

我正在尝试使用Gulp生成文件，

gulphile.js

const elixir = require('laravel-elixir');
require('laravel-elixir-vue-2');

elixir(mix => {
  mix.sass('app.scss')
     .webpack('app.js');
});

app.js

 window._ = require('lodash');
 window.$ = window.jQuery = require('jquery');
 require('bootstrap-sass');

 window.Vue = require('vue');
 require('vue-resource');

当我运行命令gulp watch时，Gulp会生成一个非常大的文件（大约3mb），并且该文件看起来不像是最小化的。

它看起来像这样：

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

  eval("var g;\r\n\r\n// This works in non-strict 
  mode\r\ng = (function() {   return this; })();\r\n\r\ntry {\r\n\t// This     
  works if eval is allowed (see CSP)\r\n\tg = g || Function(\"return this\")
  () || (1,eval)(\"this\");\r\n} catch(e) {\r\n\t// This works if the window refer

如何修复它以正确地最小化生成文件？

Answer 1

使用toArray选项运行任务以最小化css和js文件。

--production

此选项也适用于gulp --production：

watch

如何修复Gulp生成的文件太大

1 个答案: