平时使用Eslint来规范我们的代码,确实可以带来一些代码的规范性和可读性,避免了代码后期发生不可预估的错误。 但是有的时候会被小虐一下,因为有的时候他报的错误确实不太好去理解。
1.假如vue项目中要使用微信API,做为一个全局变量。要如下解决
文件名: .eslintrc.js
module.exports = {
globals:{
'wx': true
},
2.继续开发,
场景一
由于antd提供的Modal不足以支撑开发的需求,所以项目引入了layer,通常全局引用之后就可以正常方法了,结果再次遇到了很奇怪的错误, layer is not defined,吸取上次教训,但是jquery是使用广泛的框架,layer并没有找到相应的配置可以使用,所以找到了另一种通用的方法
/* global layer */
场景二
同样适用于
文件,package.json
"betterScripts": {
"dev": {
"command": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"env": {
"APIHOST": "https://test-m-stg.ppppoints.com/*****/api",
}
}
如果要在其他js文件中用到 APIHOST(前提,已经通过__APIHOST__ = process.env.APIHOST)获取过数据了。
就可以使用/* global __APIHOST__ */获取全局变量了