鍍金池/ 問答/HTML/ webpack如何忽略import語句

webpack如何忽略import語句

在我的main.jsimport router from './router'

現(xiàn)在我想實現(xiàn)這樣的webpack配置
1.命令行npm run dev的時候不引router,也就是相當于不寫這行代碼
2.命令行npm run build的時候引router

還有就是如何忽略某些特定字符之間的內容,比如:

/**注釋掉以下**/
import router from './router'
/**注釋掉以上**/

以下是我的項目結構,求解!
我的項目結構

回答
編輯回答
夢一場

import是靜態(tài)的,運行無法加載,可以換成require進行環(huán)境變量的判斷。

2017年2月21日 23:28
編輯回答
影魅

同樓上的答案。另外補充下,import 屬于語法糖,是在編譯時執(zhí)行的。執(zhí)行過程會轉換成 require。所以在語法上不允許在 頂部部以外寫 import 導入(非import())。
require 是運行時執(zhí)行的,所以可以寫在條件判斷里面。

附上寫法:

import router from './router'

改為 
const options = { }
if(process.env.NODE_ENV === 'router'){
   options.router = require('./router')
}

const vm = new Vue(options)
2017年1月25日 01:30