Обновление с Webpack 1 до 4 ... проблемы с минификацией - PullRequest
Новая
       46

Обновление с Webpack 1 до 4 ... проблемы с минификацией

0 голосов
/ 25 апреля 2019

поэтому у меня наконец-то появилось время обновить наше задание, которое использовало webpack 1 (1.13.0) до последней webpack 4 (на момент ответа: 4.30.1 ).

после множества ошибок на загрузчиках все заработало, кроме минификации, которая выдает ошибку: (

я замечаю, что Webpack 1 выводит файл .js как 

var MyLibrary =
/******/ (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;
...

но при использовании Webpack 4 вывод "сжат" 

var MyLibrary=function(e){var n={};function t(a){if(n[a])return n[a].exports;var o=n[a]={i:a,l:!1,exports:{}};return e[a].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,a){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:a})},t.r=function(e)...

и используя точно такой же источник, который я получаю из Webpack 1 

> grunt run --client=mylibrary

Running "run" task
↬ Using production configuration

Running "webpack:default" (webpack) task
Version: webpack 1.13.0
           Asset    Size  Chunks             Chunk Names
    mylibrary.js  450 kB       0  [emitted]  main
mylibrary.js.map  545 kB       0  [emitted]  main

Running "replace:default" (replace) task
>> 2 replacements in 1 file.

Running "uglify:default" (uglify) task
File dist/mylibrary/mylibrary.min.js created: 450.09 kB → 177.94 kB
>> 1 file created.

Running "compress:default" (compress) task
>> Compressed 1 file

Done.

с использованием Webpack 4 Я получаю сообщение об ошибке при попытке минимизировать файл 

> grunt run --client=mylibrary

Running "run" task
↬ Using production configuration

Running "webpack" task
   56 modules

Running "replace:default" (replace) task
>> 2 replacements in 1 file.

Running "uglify:default" (uglify) task
{ SyntaxError: Unexpected token: name «a», expected: punc «;»
    at JS_Parse_Error.get (<anonymous>:71:23)
    at formatError (internal/util/inspect.js:817:16)
    at formatRaw (internal/util/inspect.js:616:14)
    at formatValue (internal/util/inspect.js:511:10)
    at inspect (internal/util/inspect.js:191:10)
    at Object.formatWithOptions (util.js:84:12)
    at Console.(anonymous function) (console.js:191:15)
    at Console.log (console.js:202:31)
    at E:\mylibrary\repositories\bitbucket\sc-mylibrary\node_modules\grunt-contrib-uglify\tasks\uglify.js:144:17
    at Array.forEach (<anonymous>:null:null)
    at Object.<anonymous> (E:\mylibrary\repositories\bitbucket\sc-mylibrary\node_modules\grunt-contrib-uglify\tasks\uglify.js:78:16)
    at Object.<anonymous> (E:\mylibrary\repositories\bitbucket\sc-mylibrary\node_modules\grunt\lib\grunt\task.js:252:15)
    at Object.thisTask.fn (E:\mylibrary\repositories\bitbucket\sc-mylibrary\node_modules\grunt\lib\grunt\task.js:70:16)
    at Object.<anonymous> (E:\mylibrary\repositories\bitbucket\sc-mylibrary\node_modules\grunt\lib\util\task.js:294:30)
    at Task.runTaskFn (E:\mylibrary\repositories\bitbucket\sc-mylibrary\node_modules\grunt\lib\util\task.js:244:24)
    at Task.<anonymous> (E:\mylibrary\repositories\bitbucket\sc-mylibrary\node_modules\grunt\lib\util\task.js:293:12)
    at E:\mylibrary\repositories\bitbucket\sc-mylibrary\node_modules\grunt\lib\util\task.js:220:11
    at process._tickCallback (internal/process/next_tick.js:61:11)

  message: 'Unexpected token: name «a», expected: punc «;»',
  filename: 'mylibrary.js',
  line: 9,
  col: 14469,
  pos: 60510 }
>> Uglifying source dist/mylibrary/mylibrary.js failed.
Warning: Uglification failed.
Unexpected token: name «a», expected: punc «;». 
Line 9 in dist/mylibrary/mylibrary.js
 Use --force to continue.

Aborted due to warnings.

в обеих версиях плагин grunt-contrib-uglify настроен одинаково 

grunt.initConfig({
    uglify: {
        options: {
            sourceMap: false
        },
        default: {
            files: {
                'dist/mylibrary/mylibrary.min.js': ['dist/mylibrary/mylibrary.js']
            }
        }
    },
    ...
});

единственное изменение в плагине - это то, что теперь это "4.0.1", а предыдущий я использовал "1.0.2" ... но даже изменяя обратно, он выдает точно такую ​​же ошибку ... поэтому я предполагаю, что это оригинальный файл ...

есть ли способ вывести файл .js так же, как и раньше?

1 Ответ

0 голосов
/ 25 апреля 2019

так в Webpack 4 

mode: "production"

фактически выводит версию без пробелов, и вскоре вы устанавливаете на 

mode: "development"

, она выводитисправьте предварительно проверенный файл, и оттуда легко отслеживать ошибки.

...