Vue專案3種構建方式

在vue專案中的vue.config.js中能夠配置3種構建方式

config

// .when
(process.env.
node_env
==='development'
,// config => config.devtool('cheap-source-map') // 瀏覽器中無法實際原始碼
// config => config.devtool('source-map') // 在chrome的source可以看到原始碼，缺點是每次改動**的時候會生成source-map檔案，這樣會使構建變慢
config => config.
devtool
('eval'
)// 最快的構建方法，缺點是無法還原原始碼
)

vue專案構建

初始化建立自動生成的資料夾 檔案 vue item build webpack 相關的配置資料夾 基本不需要修改 dev server.js 通過 express 啟動後台伺服器 config webpack 相關的配置資料夾 基本不需要修改 index.js 指定的後台服務的埠號和靜態資源資料夾 ...

vue專案實現按需載入的3種方式

vue router配置路由，使用vue的非同步元件技術，可以實現按需載入。但是，這種情況下乙個元件生成乙個js檔案。舉例如下 webpack官方文件 webpack中使用import vue官方文件 路由懶載入 使用import 用例 下面2行 沒有指定webpackchunkname，每個元件打...

Vue專案的構建

安裝vue cli vue安裝vue cli官網文件 新建vue config.js 檔案,設定專案基本配置 專案配置 const environment require src config environment 引入環境配置檔案 const path require path 引入檔案路徑處理...