在使用vue開發專案的過程中，免不了在除錯的時候會寫許多console，在控制台進行除錯；在開發的時候這種輸出是必須的，但是build後線上執行時這個東西是不能出現的；那麼我如何配置專案，從而讓webpack幫我刪除掉console呢？下面我們給出了vue-cli 3.0和vue-cli 2.0的配置如下：
vue-cli 3.0
在vue.config.js檔案中新增如下**即可
const uglifyjsplugin = require('uglifyjs-webpack-plugin');
module.exports = }})
]}
}...
}
在build/webpack.prod.conf.js檔案中進行如下配置即可
const uglifyjsplugin = require('uglifyjs-webpack-plugin')
plugins: [
...//
new webpack.defineplugin(),
new uglifyjsplugin(
},sourcemap: config.build.productionsourcemap,
parallel: true
}),...
]
在專案根目錄新建vue.config.js檔案，增加如下配置即可：
module.exports = }}
}}
vue-cli是通過本地**的方式解決介面跨域問題的。但是在vue-cli 2.0的預設專案配置中這個**是沒有配置的，如果現在專案中使用，必須手動配置config/index.js檔案。
...
proxytable:
}}...
vue專案的跨域配置
使用vuecli webpack進行專案開發時，遇到了需要跨域訪問的情況，這裡簡單記錄一下前端的跨域配置，如下 1 配置本地 修改config資料夾下的index.js檔案中的dev下的proxytable屬性，如下 dev host localhost port 8080 autoopenbrow...
vue 專案的建立
1.開始動手之前，必須先得在機器上安裝好 npm 然後輸入以下指令將 vue cli 安裝到 的全域性環境中 只需要一次 npm i vue cli g npm 可以理解為前端方面的應用商店管理 2.然後，我們就可以開始建立工程了，鍵入以下的指令 vue init webpack demotest ...
vue專案的建立
npm install g cnpm registry 由於 npm 安裝速度慢，本教程使用了 的映象及其命令 cnpm，安裝使用介紹參照 使用 npm 映象。npm 版本需要大於 3.0，如果低於此版本需要公升級它 檢視版本 npm v 2.3.0 公升級 npm cnpm install npm...