vue解决uglifyjswebpackplugin打包出现报错的问题

1、configureWebpackif(isProconfig.newuglifycglifyJsPluginptions:mpress:warningsdropdropfalseebuggeconsolerueue,vue解决uglifyjs-webpack-plu打包出现报错的问题楼主最新对已做项目进行打包优化，配置了打包环境下去除：nsle语句插件使用uglifyjs-webpack-plugin具体代码如下npinsalluglifyjs-webpack-plugin-constUglifyJsPlugin=require(uglifyjs-webpack-plugin:config=d

2、uction)ncaplugins=config.plugins.csourceMap:falseparallel:true然后打包发现报错BuiUsingtorproduction.FailedtccompiLewitli1erroassets/j5/about.elflea37rsfremUglifyJsUnexpEdedtnkEri:keord(c-jnst)Ussets/je/about,elflsaj?.js:13062,0ERROR|Buildfailccwitherrerstnpm2办ELIFECYCL5npm匕廿.f-n1npmthuaa.1.0build:/ue-cli-se

3、rvicetMJiLdmodeproductionnpmExitstE1npmUnpnL:-Hailejatthethu-l.ftbuilde匚ipt.npm:-Fhisisprobablynoteproblemwi.hnpmThereislikel/addLtionaloutputato/e.npmAcomaLetelogoftnruncanbefoundin:npm.d/fprOhE-ctt.Onp.ogmd01-0：L75T2_：L(3_2EUE-Mijg.l.ogRORnFailedntncompilenwierrors上午10nerassets/js/about.e1fea37.js

4、nfrglifyJsUnexpectedntoken:nkeywoconst)assets/js/abouRORnBuildnfailednwithnerrs.npmERR!ncodennpmnERR!nerrnonpmnERR!nthuanbuildvue-cli-sevicebuild-mnpmnERR!nExitnstatusnpmnnpmnERR!nFailednaenthua1.0buildscript.npmnERR!nThisnisnprobablynnoaproblemwithnpmnpmERR!nAncompletenlognofhisruncanbefoundnpmnser

5、s/chenya/.np_logs/2019-01-15e1f1ea37.jsenproductionnTherenisnlikelynadditionalnloggingnoutputnabovein:02_10_12_281Z-debug.log把newglifys插g件注释掉即可成功打包。但是，楼主我一点都不乐意，凭啥不让我用UglifyJsPlugin插件!于是不求人的我开始上网查资料，搜索Unexpectedtoken:keyword（const）,搜索列表点第一个进去看，大致说是因为项目有的文件没有es6转es5，即还存在const变量名。（黑人问号）。我的vue配置是自动用bab

6、el把es6转es5的呀，搞锤子呢。于是脑洞回想一下，是不是哪里有文件打包进去没有用到babel咦。是不是，。那个。node_modules下的依赖。再仔细想想，看看代码。有一个animejs（用于动效）、还有一个vue-particles（canvas用于登录页背景特效）找到问题了，下一步就是如何显示的把node_modules下的依赖用babel转译。楼主用的vue-cli3脚手架，翻山越岭的查找vue-cli3的官方资料，终于找到你。transpileDependenciesType:ArrayDefault:默认情况下babel-loader会忽略所有node_modules中的文件。

7、如果你想要通过Babel显式转译一个依赖，可以在这个选项中列出来。还好我没放弃transpiledependencies参数接受一个数组，数组里可以是字符串也可以正则表达式。附上楼主的配置transpileDependencies:vue-particles,animejs,完美解决CMpllcd.with2rilrigsassttsizelimit：Thetc-1.owingassettsHCKtetdterecatweedsiztLiult(244-ThisiWE-ctweapedtinnancebAsseti：a55tti/ing/blt.dcM66a93+png(34Sd5set/i-

8、1,4154d6f;png(764Ki帥汗昨林汀严九bwafSd料Mhjs(291Klbkatseti/js/chunk-i/endors.d：?74Q4?J$1727HiBertrypo-intsdzeIifit:ThffallDifigentrypcint.sroutinedsucceedsthereEDimendedLimit(24KlBLThis匸mninpact讦EbperfcrnantBa.Ertrypo-ints:app(972KiB：a/Clunk-x-endurES1537aFE-Lssaisetl/js/thjnk-wendn=乩dc27*947.jSasets-/c.3s

9、5a3pr61d訥bfr&.-essBuildCDmpl2l:eBThedi列dirEitorj/CheckouI口/menIiistruftx口n弓al:.白ja/T775J42J心FileS13te.htnl,filenameHashing:tme,pages:undefined,LintOnSave:tme,configureWebpack:config=i*(isProduction)config.plugins=config.plugins(concat(I1)JnewTerserPlLgiri(cache:true,parallel:trie,sourceNap:true,/Mustbesettotrueifusingsource-mapsinproduct!terserOptions:compress:drop_