在我的main.js
中import router from './router'
现在我想实现这样的webpack
配置
1.命令行npm run dev
的时候不引router
,也就是相当于不写这行代码
2.命令行npm run build
的时候引router
还有就是如何忽略某些特定字符之间的内容,比如:
/**注释掉以下**/
import router from './router'
/**注释掉以上**/
以下是我的项目结构,求解!
在我的main.js
中import router from './router'
现在我想实现这样的webpack
配置
1.命令行npm run dev
的时候不引router
,也就是相当于不写这行代码
2.命令行npm run build
的时候引router
还有就是如何忽略某些特定字符之间的内容,比如:
/**注释掉以下**/
import router from './router'
/**注释掉以上**/
以下是我的项目结构,求解!
同楼上的答案。另外补充下,import 属于语法糖,是在编译时执行的。执行过程会转换成 require。所以在语法上不允许在 顶部部以外写 import 导入(非import())。
require 是运行时执行的,所以可以写在条件判断里面。
附上写法:
import router from './router'
改为
const options = { }
if(process.env.NODE_ENV === 'router'){
options.router = require('./router')
}
const vm = new Vue(options)
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.9k 阅读✓ 已解决
import是静态的,运行无法加载,可以换成
require
进行环境变量的判断。