Vue專案的構建

安裝vue-cli

vue安裝vue-cli官網文件

新建vue-config.js 檔案,設定專案基本配置

//專案配置

const environment = require("./src/config/environment");//引入環境配置檔案
const path = require("path"); //引入檔案路徑處理外掛程式(node)
const resolve = dir => 
//對外輸出模組
module.exports = ,
//css預處理設定
css:}},
//修改環境配置
configurewebpack: config => 
config.externals = 
},// webpack-dev-server 相關配置
devserver:}}
}}

配置環境檔案environment.js

// 開發環境預設設定

let node_env = 'development'; //預設環境
let materialurl = '/template';//等資源路徑**
let downloadstaffurl = '';
let api = '';
let pubkey = '';
if(process.env.node_env != 'development')
}const nodeobj = 
module.exports = nodeobj;

vue專案的構建過程

確保已經安裝了node和npm 1.安裝vue cli npm i vue cli g 2.安裝vue router npm i vue router s e 3.安裝vue router npm i vue router s e 4.安裝axios 如果有需要 npm i axios s e 5....

提高 webpack 構建 Vue 專案的速度

最近有人給我的 vue2 後台管理系統解決方案 提了 issue 說執行 npm run build 構建專案的時候極其慢，然後就引起我的注意了。在專案中，引入了比較多的第三方庫，導致專案大，而每次修改，都不會去修改到這些庫，構建卻都要再打包這些庫，浪費了不少時間。所以，把這些不常變動的第三方庫都提...

提高 webpack 構建 Vue 專案的速度

最近有人給我的 vue2 後台管理系統解決方案 提了 issue 說執行 npm run build 構建專案的時候極其慢，然後就引起我的注意了。在專案中，引入了比較多的第三方庫，導致專案大，而每次修改，都不會去修改到這些庫，構建卻都要再打包這些庫，浪費了不少時間。所以，把這些不常變動的第三方庫都提...