1. 程式人生 > >關於webpack打包時uglify.js報錯

關於webpack打包時uglify.js報錯

今天在新公司對修改完的專案打包時,發現了這個錯誤。

一開始還以為是自己改東西時把什麼東西該壞了,就新建了一個資料夾重新拉了一下專案,直接打包發現也有這個問題。才知道到這是一個遺留問題。怎麼辦呢?既然都被我發現了那麼不解決一下,也不符合我的風格。

但是光是錯誤資訊也看不出什麼東西,只知道應該和UglifyJs包有關,這個包我只知道是做程式碼壓縮的,其他了解不多,沒辦法只能百度谷歌:

原來Uglify模組不能壓縮es6的程式碼,而這個專案中的es6程式碼很多,知道原因了,那麼就好辦了,只要把js匯入的時候使用babel轉一下就可以了唄。


把rules下的對js的載入器進行修改即可。

然後新建一個把

.babelrc檔案放到與webpack.base.conf.js同級目錄下就好了。

使用npm run build測試一下,果然沒有報錯了。。

相關推薦

關於webpack打包uglify.js

今天在新公司對修改完的專案打包時,發現了這個錯誤。一開始還以為是自己改東西時把什麼東西該壞了,就新建了一個資料夾重新拉了一下專案,直接打包發現也有這個問題。才知道到這是一個遺留問題。怎麼辦呢?既然都被我發現了那麼不解決一下,也不符合我的風格。但是光是錯誤資訊也看不出什麼東西,

webpack 打包壓縮 ES6檔案UglifyJs + Unexpected tok

最近在下載別人的vue多頁面demo後,npm run dev沒問題,npm run build之後就報錯: 1、webpack 打包壓縮 ES6檔案報錯UglifyJs + Unexpected token... 最近做專案的時候運用vue,webpack,在打包壓縮的工程中,部分

1、webpack搭建專案出現的“Module build failed (from ./node_modules/css-loader/dist/cjs.js) CssSyntaxError”

控制檯出現的錯誤如下:                    webpack.config.js中的配置如下: module.exports={ entry:'./src/main.js

vue-cli打包構建常見的解決方案

imu cli blog error: 背景 服務 strong 背景圖 log 報錯1:打包後丟到服務器中,打開是空白頁 報錯2:打包後想要在本地file中打開,但是打開是空白頁 報錯3:打包後在瀏覽器中打開,報錯ERROR in xxx.js from UglifyJs

Visual Studio 2017啟動 plugin.vs.js :缺少標識符、字符串或數字

comm 錯誤 In 安裝 OS files ide visual 方法 最近安裝了一個最新版Visual Studio 2017 15.7.2可是啟動調試程序時總是提示如下錯誤: C:\Program Files (x86)\Microsoft Visual Studio

webpack打包精簡moment.js

在使用moment.js時,由於預設的moment庫會引入全部的語言資原始檔,導致最後打包時體積非常大,這時我們可以通過webpack自帶的外掛來精簡掉這些語言資原始檔使用 IgnorePlugin以下這段程式碼加到webpack的config中,可以在打包時排除moment

解決AdroidStudio打包APK遇到的

異常資訊:Error:Execution failed for task ':app:transformClassesWithJarMergingForRelease'.> com.android.build.api.transform.TransformExcepti

微信JS-SDK,獲取jsapi_ticket,一直40001錯誤。

static String JSAPIURL = "https://qyapi.weixin.qq.com/cgi-bin/get_jsapi_ticket?access_token=ACCESS_TOKEN";  

使用POI操作Excelnew XSSFWorkbook ()java.lang.NoSuchMethodError解決方式

lin line java sts factor 出現 class padding test 使用最新的POI3.11時,在執行 Workbook workBook = new XSSFWorkbook ();這段代碼時出現錯誤: java.lang.NoSu

scala中計算的的一個小問題,超出Int.maxValue不會

class sca cal div 問題 pri 如果 int sin 如果小於Int.max時他不會報錯 def sumcount(str:String): Int ={ val ints = for(c <- str)yield { p

使用maven創建springMVC返回頁面

jdk1 pil maven 分享 apache art 解決 編譯 img 這是由於你的 Maven 編譯級別是 jdk1.5 或以下,而你導入了 jdk1.6 以上的依賴包 解決辦法: <build> <finalName&g

vue用webpack打包引入es2015插件

重新 webp ron webpack 添加 class 行修改 rip config 1、安裝依賴包 $ npm install --save-div babel-preset-es2015 ps:babel-loader、babel-core應該是默認裝好的

js Uncaught TypeError: xxxx.each is not a function

each err typeerror span xxx list 報錯 pan 使用 在處理ajax返回的json數組時錯誤的使用了 list.each(function(){ }); 實際上當遍歷json數組是應該使用

使用ffmpeg轉碼遇到aac

允許 aac 實驗 解碼器 inf 錯誤 ffmpeg 視頻 ant 今天嘗試用ffmpeg轉一個視頻的格式,結果報出這個錯誤: The encoder 'aac' is experimental but experimental codecs are n

當子查詢內存在ORDER BY 字句查詢會

問題: highlight div 數據 order use 解決辦法 內存 true 問題:當子查詢內存在ORDER BY 字句時查詢會報錯 SQL: SELECT * FROM (   SELECT * FROM USER ORDER BY USER_CORD

01 React快速入門(一)——使用迴圈對於‘key’處理

問題描述:       在剛開始接觸react學習的時候,編寫一個小功能時,使用了map來迴圈一個數組中的資料,輸出到前端頁面,程式碼除錯執行後正常顯示,但是開啟控制檯卻發現有一條關於“key”的報錯訊息,詳細資訊如下:     &

js: {(intermediate value)} is not a function at HTMLDocument.

使用立即執行函式的時候,chrome報這個錯誤; const url = {   users: "xxx" }  //沒有;導致報錯 (function () {   //程式碼 })() js用func()方式呼叫函式,函式的定義有: 函式宣告,匿名函式,函式表示式; 立即執行函式

關於dubbo創建服務和引用服務,會:cvc-complex-type.2.4.c: The matching wildcard is strict, but no declaration can be found for element 問題的解決

一個 sch 系統 contex ips 分布 配置文件 prot 商城項目   在跟著做淘淘商城項目時,用到了dubbo,作為一個SOA架構的項目,分為表現層與服務層,自然地,為了各個層之間解耦合(或者最大限度地松耦合),我們使用了dubbo這樣一個alibaba開源的分

Vue後臺開發常見問題:textarea換行的string轉存資料庫後,提取到前端繫結到vue後JS

問題1: 在後臺使用 <textarea>時,存入資料庫沒有問題,在編輯頁面亦或是詳情頁,我們從資料庫讀取傳入頁面,繫結 Vue.data會出現因為 值有換行符而導致整個 script崩潰的問題 導致原因: <textarea>中的換行符是\n ht

webpack打包導致App.js很大,訪問頁面的時候會很慢的問題解決【vue-cli3打包

問題說明:打包導致 js 很大,然後訪問特別慢。 我把 vue-cli 升級成了 vue-cli3之後打包就有兩個js,並且體積相當大,導致釋出後訪問的速度超級慢。 之前打包都是分了很多個小的js,具體是因為沒有配置還是因為什麼。暫時不清楚。如果你有好的辦法可以在下面留言。 解