vue.js main.js 引入其他js， 如果不调用下就编译不过去。。。

Question

想把自定义一些js function单独写到一个文件config.js
然后在main.js import:

import config from './config.js'

结果报错：

[HMR] bundle has 1 errors   client.js?7955:161 ./src/main.js
[HMR] bundle has 1 errors   client.js?7955:161 ./src/main.js

  ✘  http://eslint.org/docs/rules/no-unused-vars  'config' is defined but never used  
  src\main.js:11:8
  import config from './config.js'
          ^


✘ 1 problem (1 error, 0 warnings)


Errors:
  1  http://eslint.org/docs/rules/no-unused-vars
 @ multi ./build/dev-client ./src/main.js

无奈在main.js 加入：

console.info(config)

就不报错了。

这个是哪个环节搞的呢？？

Answer 1

根据你的报错log可以猜测

✘  http://eslint.org/docs/rules/no-unused-vars  'config' is defined but never used src\main.js:11:8

你的项目在打包是使用了 eslint 的语法检测，所以对于你这种只声明不调用的“非法”行为进行报错，
解决方法有多个：
1、严格遵循规则既可
2、更改eslint的规则，规则文件应该在根目录下的【.eslintrc】，修改掉这则规则既可，规则在这里，自查https://eslint.org/docs/rules/
2、将webpack.config.js 文件内关于eslint 的配置去掉就不会进行代码检查了

Answer 2

import config from './config.js'

Vue.use(config)