vuecli壓縮

1. vue-cli完成的項目可以打包成安卓的apk文件和ios的app安裝文件么

可以的，1，直接用node打包這個沒搞過，應該是可以的。2，用其他軟體或者雲打包把項目文件打包成安卓和iOS安裝包

2. 使用vue-cli生成的vendor.js文件太大，有辦法減少體積嗎

使用「js壓縮」工具可縮小體積，可網路搜索「js壓縮」查找工具

把vendor.js代碼ctrl + a全選，再ctrl + c復制，粘貼到js壓縮工具里，點擊「壓縮」或「普通壓縮」，然後再把壓縮後的代碼復制粘貼到vendor.js文件中。

3. vue cli app.js文件過大怎麼辦

這里的組件化開發是使用什麼?? vue-loader么... 如果是vue-loader可以通過 require來引入就可以 比如Js文件寫到assets/js中 在main.js中可以 require('./src/assets/xxx.js') 如果只是單頁面html,可以直接引入就行了

4. vue-cli 配置 proxyTable 的問題，這樣子是最佳解決方案嗎

前端開發完全分離總結: 1:一個優秀的組件化開發框架(非必須),如vue 理由:自動生成工程目錄+實時編譯+打包壓縮+es6語法檢查+stylus解析+自動化單元測試工具kram+etc.. 2:一個優秀的跨域解決方案,如vue cli-proxyTable(基於http-proxy-middleware)

5. vue壓縮後的js可以反編譯出來嗎

vue壓縮後的js可以反編譯出來，反編譯方法為：

1、在桌面找到自己下載的瀏覽器軟體，點擊瀏覽器圖標。

6. 如何精簡vue-cli安裝的依賴項

1.先安裝node，檢查node版本，node -v,安裝vue-cli腳手架，node的版本必須在v4.0以上

2.全局安裝vue-cli,npm install -g vue-cli，檢vue是否安裝成功,vue,用vue list可以查看vue有哪些可以安裝的模板

3.安裝一個webpack的模板，vue init webpack sell

如果一直是downloading狀態，可以嘗試這個。

全局安裝 vue-cli：npm install --global vue-cli，然後創建一個基於 webpack 模板的新項目：vue init webpack sell就ok了

4.安裝成功。以下就是vue+webpack的模板

5.執行npm run dev運行模板，建議更改下埠號，config----index.js,裡面的port埠改為和其他埠不一樣就可以了。

如果出現執行npm install，npm run dev

執行成功的界面

*************************************項目文件的解讀***************************************

bulid和config是 webpck配置相關

node_moles文件夾：是npm install安裝的依賴代碼庫

src文件夾：存放源碼

static：存放第三方靜態資源的，static裡面的.gitkeep，如果為空，也可以提交到gitHub上面，正常情況下，是不可以提交的。

.babelrc:把es6文件編譯成es5

復制代碼
.babelrc文件

{
"presets": ["es2015", "stage-2"],//表示預設，表示babelrc轉換預先需要安裝的插件
"plugins": ["transform-runtime"],//把es6的方法做轉換
"comments": false //false表示轉換後代碼不生成注釋
}
復制代碼
.editorconfig：編輯器的配置

復制代碼
.editorconfig

charset = utf-8 //編碼
indent_style = space //縮進風格,基於空格做縮進
indent_size = 2 //縮進大小是2格
end_of_line = lf //換行符的風格
insert_final_newline = true //當你創建一個文件，會自動在文件末尾插入新行
trim_trailing_whitespace = true //自動移除行尾多餘空格
復制代碼
.eslintignore 忽略語法檢查的目錄文件

就是忽略對build/*.js和config/*.js的語法檢查

.eslintrc.js eslint的配置文件

package.json對項目的描述

復制代碼
{
"name": "sell",
"version": "1.0.0",
"description": "sell app",
"author": "",
"private": true,
"scripts": { /*表示可以執行一些命令，例如：npm run dev會執行node build/dev-server.js，npm run build會執行node build/build.js，因此可以通過scripts配置腳本*/
"dev": "node build/dev-server.js",
"build": "node build/build.js",
"lint": "eslint --ext .js,.vue src"
},
"dependencies": { /*項目的依賴*/
"vue": "^2.2.2",
"vue-router": "^2.2.0"
},
"devDependencies": { //編譯需要的依賴
.......................
},
"engines": {
"node": ">= 4.0.0",
"npm": ">= 3.0.0"
},
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8"
]
}
復制代碼
index.html是項目的入口，入口js是main.js

7. 安裝vue-cli一直卡在這個狀態該怎麼解決

指定什麼路徑啊，你可以解壓放到VUE的素材安裝目錄，文件夾的名字都是一樣的，他會直接放到相應的素材分類里去，但不建議這樣，因為ISO格式的直接載入到虛擬光碟機里就可以在VUE中調用了，可以隨用隨載入，沒必要都復制到硬碟上占據很大的空間，調

8. vue中使用vue i18n如何實現打包後後端修改國際化文件生效

你可以把這部分文件放在static文件夾地下，用的時候指向到這文件路徑地下，webpack打包的時候也配下不壓縮打包這個目錄地下，vue-cli默認集成的webpack配置有這個操作，部署的伺服器也可以直接到這個dist/static地下去修改這些文件了

9. vue-cli怎麼通過source-map調bug

關聯source文件和壓縮後的文件的。 一般會對js，css文件做壓縮處理，以節省帶寬。 但是壓縮後很難調試。 所以用這種sourceMap關聯。 一般網站上都會給出壓縮文件對應的sourceMap 文件