为什么 terser-webpack-plugin 注释掉,build正常

来源:2-13 koa应用打包优化koa-compose&koa-compress 【实战篇】

慕妹2075046

2021-02-04 23:09:27

相关代码:

相关代码:const webpackMerge = require('webpack-merge')

const baseWebpackConfig = require('./webpack.confg.base')
//const TerserWebpackPlugin = require('terser-webpack-plugin')

const webpackConfig = webpackMerge.merge(baseWebpackConfig,{
mode:'production',
stats:{children:false,warnings:false},
// optimization:{
// minimizer:[
// new TerserWebpackPlugin({
// terserOptions:{
// warning:false,
// compress:{
// warning:false,
// drop_console:false问题描述:,
// dead_code:true,
// drop_debugger:true
// },
// output:{
// compress:false,
// beautify:false,
// },
// mangle:true,
// },
// parallel:true,
// //sourceMap:false,
// })
// ]
// }
})

module.exports = webpackConfig

问题描述:

将代码中注释代码打开,就报下方错误,否则build正常生成dist文件

PS F:\UIDevelop\koa> npm run build


> koa@1.0.0 build F:\UIDevelop\koa

> cross-env NODE_ENV=prod webpack --config config/webpack.config.prod.js


F:\UIDevelop\koa\node_modules\_terser-webpack-plugin@5.1.1@terser-webpack-plugin\dist\index.js:572

      const hooks = compiler.webpack.javascript.JavascriptModulesPlugin.getCompilationHooks(compilation);

                                     ^


TypeError: Cannot read property 'javascript' of undefined

    at F:\UIDevelop\koa\node_modules\_terser-webpack-plugin@5.1.1@terser-webpack-plugin\dist\index.js:572:38

    at SyncHook.eval [as call] (eval at create (F:\UIDevelop\koa\node_modules\_tapable@1.1.3@tapable\lib\HookCodeFactory.js:19:10), <anonymous>:83:1)

    at SyncHook.lazyCompileHook (F:\UIDevelop\koa\node_modules\_tapable@1.1.3@tapable\lib\Hook.js:154:20)

    at Compiler.newCompilation (F:\UIDevelop\koa\node_modules\_webpack@4.46.0@webpack\lib\Compiler.js:631:26)

    at F:\UIDevelop\koa\node_modules\_webpack@4.46.0@webpack\lib\Compiler.js:667:29

    at AsyncSeriesHook.eval [as callAsync] (eval at create (F:\UIDevelop\koa\node_modules\_tapable@1.1.3@tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)

    at AsyncSeriesHook.lazyCompileHook (F:\UIDevelop\koa\node_modules\_tapable@1.1.3@tapable\lib\Hook.js:154:20)

    at Compiler.compile (F:\UIDevelop\koa\node_modules\_webpack@4.46.0@webpack\lib\Compiler.js:662:28)

    at F:\UIDevelop\koa\node_modules\_webpack@4.46.0@webpack\lib\Compiler.js:321:11

    at Compiler.readRecords (F:\UIDevelop\koa\node_modules\_webpack@4.46.0@webpack\lib\Compiler.js:529:11)

    at F:\UIDevelop\koa\node_modules\_webpack@4.46.0@webpack\lib\Compiler.js:318:10

    at AsyncSeriesHook.eval [as callAsync] (eval at create (F:\UIDevelop\koa\node_modules\_tapable@1.1.3@tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)

    at AsyncSeriesHook.lazyCompileHook (F:\UIDevelop\koa\node_modules\_tapable@1.1.3@tapable\lib\Hook.js:154:20)

    at F:\UIDevelop\koa\node_modules\_webpack@4.46.0@webpack\lib\Compiler.js:315:19

    at AsyncSeriesHook.eval [as callAsync] (eval at create (F:\UIDevelop\koa\node_modules\_tapable@1.1.3@tapable\lib\HookCodeFactory.js:33:10), <anonymous>:15:1)

    at AsyncSeriesHook.lazyCompileHook (F:\UIDevelop\koa\node_modules\_tapable@1.1.3@tapable\lib\Hook.js:154:20)

    at Compiler.run (F:\UIDevelop\koa\node_modules\_webpack@4.46.0@webpack\lib\Compiler.js:312:24)

    at processOptions (F:\UIDevelop\koa\node_modules\_webpack-cli@3.3.12@webpack-cli\bin\cli.js:353:14)

    at F:\UIDevelop\koa\node_modules\_webpack-cli@3.3.12@webpack-cli\bin\cli.js:364:3

    at Object.parse (F:\UIDevelop\koa\node_modules\_yargs@13.3.2@yargs\yargs.js:576:18)

    at F:\UIDevelop\koa\node_modules\_webpack-cli@3.3.12@webpack-cli\bin\cli.js:49:8

    at Object.<anonymous> (F:\UIDevelop\koa\node_modules\_webpack-cli@3.3.12@webpack-cli\bin\cli.js:366:3)

    at Module._compile (internal/modules/cjs/loader.js:1063:30)

    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)

    at Module.load (internal/modules/cjs/loader.js:928:32)

    at Function.Module._load (internal/modules/cjs/loader.js:769:14)

    at Module.require (internal/modules/cjs/loader.js:952:19)

    at require (internal/modules/cjs/helpers.js:88:18)

    at Object.<anonymous> (F:\UIDevelop\koa\node_modules\_webpack@4.46.0@webpack\bin\webpack.js:156:2)

    at Module._compile (internal/modules/cjs/loader.js:1063:30)

npm ERR! code ELIFECYCLE

npm ERR! errno 1

npm ERR! koa@1.0.0 build: `cross-env NODE_ENV=prod webpack --config config/webpack.config.prod.js`

npm ERR! Exit status 1

npm ERR!

npm ERR! Failed at the koa@1.0.0 build script.

npm ERR! This is probably not a problem with npm. There is likely additional logging output above.


npm ERR! A complete log of this run can be found in:

npm ERR!     C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2021-02-04T15_03_45_796Z-debug.log


写回答

1回答

Brian

2021-02-10

terser-webpack-plugin@5 与 webpack@4 不兼容

0

0 学习 · 1842 问题

查看课程