1. 程式人生 > >vue條件編譯和去除不可達程式碼

vue條件編譯和去除不可達程式碼

條件編譯:

修改:build/webpack.dev.conf.js

new webpack.DefinePlugin({
    'process.env': config.dev.env,
    DEBUG: JSON.stringify(true),
}),

修改:build/webpack.prod.conf.js

new webpack.DefinePlugin({
    'process.env': config.dev.env,
    DEBUG: JSON.stringify(false),
}),

接下來就可以使用了:

if (DEBUG) {
    console.log
('this is dev env'); } else { console.log('this is prod env'); }

去除不可達程式碼:

修改build/webpack.prod.conf.js:

    new UglifyJsPlugin({
      uglifyOptions: {
        compress: {
          warnings: false, // 去除warning警告
          dead_code: true, // 去除不可達程式碼
          drop_debugger: true, // 去除debugger
drop_console: true, // 去除console } },

相關推薦

vue條件編譯去除不可程式碼

條件編譯: 修改:build/webpack.dev.conf.js new webpack.DefinePlugin({ 'process.env': config.dev.env,

vue的引入基本操作(程式碼

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

在eclipse下編譯執行c#的程式碼

僅僅是為了好玩,我們來看一個Eclipse的C#外掛,該外掛由一家法國公司Improve Technologies開發和維護,目前支援Eclipse 3.0和.NET Framework 1.1。首先,我們需要在本機安裝.NET Framework SDK和Eclipse。

Vue---條件語句迴圈語句(二)

v-for 迭代陣列 我們用 v-for 指令根據一組陣列的選項列表進行渲染。v-for 指令需要使用item in items 形式的特殊語法,items 是源資料陣列並且 item 是陣列元素迭

第 16 章 C 預處理器 C 庫(條件編譯

struct FN getc con ade 定義 輸入 lap pla 1 /*-------------------------------------- 2 names_st.h -- names_st 結構的頭文件 3 --------------

VUE條件渲染列表渲染

條件渲染 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head>

ios 條件編譯, Active Compilation ConditionsPreprocessor Macros的區別

【已解決】Xcode中Active Compilation Conditions和Preprocessor Macros的區別 條件編譯作用: 在實際開發中我們常常需要區分不同的環境,此處以最簡單的開發與生產環境為例,每次打包通過修改程式碼區分不同的環境過於繁瑣,並且如果需要修改的地方過多,

語音合成論文英偉撞車,韓國小哥緊急放出全部草稿程式碼樣本 | 資源帖...

曉查 發自 凹非寺量子位 報道 | 公眾號 QbitAI 由於和英偉達研究撞車,韓國一位研究語音合成的作者已經哭暈了。 10月31日,英偉達在arXiv網站上傳了一篇論文——WaveFlow:一個用於音訊合成基於流的生成網路。 英偉達論文地址:https://arxi

Java 程式碼編譯執行的整個過程

Java 位元組碼的執行是由 JVM 執行引擎來完成,流程圖如下所示: Java 程式碼編譯和執行的整個過程包含了以下三個重要的機制: Java 原始碼編譯機制 類載入機制 類執行機制 Java 原始碼編譯機制 Java 原始碼編譯由以下三個過程組成: 分析和輸入到符

C/C++ 程式的編譯預處理條件編譯指令詳解

** C/C++ 程式的編譯預處理和條件編譯指令詳解** 編譯預處理 (1)#include 包含指令作用為 將一個原始檔嵌入到當前原始檔中該點處。 #include<檔名> : 按標準方式搜尋,檔案位於C++系統目錄的include子目錄下 #include"檔名" :

Vue.js學習筆記】6:動態繫結CSS樣式,條件渲染v-show

動態繫結CSS樣式 這部分涉及官方文件中的Class與Style繫結。 index.html <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:

Makefile條件編譯debug版release版

原文地址為: Makefile條件編譯debug版和release版 一般,在開發測試階段用debug版本,而上線釋出用release版本。 使用Makefile定製編譯不同版本,避免修改程式和Makefile檔案,將會十分方便。 讀了一些資料,找到一個解決方法,Makefile

Vue條件渲染(v-ifv-show的區別)

在專案中我們總是用到根據某一值判斷屬性是否顯示,或不同的值讓其顯示不同,顧名思義總是用v-if來實現,v-show也可用來判斷是否顯示,兩者有什麼區別呢? 相同點:兩者都可用作為條件判斷元素是否顯示。 不同點:1). v-if後可跟v-else-if 和 v-else用來

條件編譯#ifdef MACRO_A#if defined(MACRO_A)的區別

在查閱linux核心原始碼的過程中,發現存在兩種不同型別的條件編譯語句:#ifdef MACRO_A和#if defined(MACRO_A)或#if !defined(MACRO_A) #ifdef和#ifdefined()之間的區別 實際上,兩者並無本質的差別,但後者的

WindowsLinux上均可編譯的簡單HTTP伺服器程式碼

/* 此程式碼為一個簡單的HTTP協議伺服器的簡單示例,單執行緒,不具備生產實用性,在Windows 10/Ubuntu 16.04 + VS2017上編譯通過,32位控制檯程式,一直按f5重新整理瀏覽器會造成程式崩潰退出 注意pch.h標頭檔案在編譯Unix系列時要去掉 */ //非Uni

qt *.pro 原始碼通用巨集定義(如條件編譯

*.pro中: DEFINES += _qt_msvc_2015 contains(DEFINES,_qt_msvc_2015){ QT += webengine QT

VSCode實現C++程式碼提示、語法高亮、編譯除錯

眾所周知,目前Microsoft Visual Studio 系列還不能遷移到Linux系統,MacOS只能湊和著用用,而且Visual Studio 2017的安裝包的體積增長到了27GB以上,安裝空間需求70GB以上的空間,一個小巧靈活的VS Code對於C

利用java程式碼實現java原始檔的編譯打包為jar檔案

一、編譯部分 public void complier() throws IOException { System.out.println("*** --> 開始編譯java原始碼..."

c語言編譯預處理條件編譯執行過程的理解

  在C語言的程式中可包括各種以符號#開頭的編譯指令,這些指令稱為預處理命令。預處理命令屬於C語言編譯器,而不是C語言的組成部分。通過預處理命令可擴充套件C語言程式設計的環境。 一.預處理的工作方式 1.1.預處理的功能   在整合開發環境中,編譯,連結是同時完成的。其實,C語言編譯器在對原始碼編譯之前

iOS class-dump反編譯程式碼混淆

參考連結 一、class-dump反編譯 1、由於/usr/bin/在OS X 10.11上沒有許可權了,將解壓後的class-dump,拖入到 /usr/local/bin/class-dump中 2、開啟終端,cd /usr/local/bin/c