使用vue-cli3 搭建mocha+karma+chai+ci测试环境时候遇到的坑踩的坑不是一般的多，想到一个更新一个

踩的坑不是一般的多，想到一个更新一个。

安装以下依赖

"devDependencies": {
        "@vue/cli-plugin-babel": "^4.1.0",
        "@vue/cli-plugin-eslint": "^4.1.0",
        "@vue/cli-service": "^4.1.0",
        "babel-core": "^6.26.3",
        "babel-eslint": "^10.0.3",
        "babel-loader": "^8.0.6",
        "chai": "^4.2.0",
        "eslint": "^5.16.0",
        "eslint-plugin-vue": "^5.0.0",
        "karma": "^4.4.1",
        "karma-chai": "^0.1.0",
        "karma-chrome-launcher": "^3.1.0",
        "karma-mocha": "^1.3.0",
        "karma-webpack": "^4.0.2",
        "karma-sourcemap-loader": "^0.3.7",
        "karma-spec-reporter": "^0.0.32",
        "mocha": "^6.2.2",
        "vue-template-compiler": "^2.6.10",
        "webpack": "^4.41.3"
    }

karma配置中找不到webConfig?

vue-cli3.x创建的项目根目录不再有webpack.config.js，所以在karma.conf.js中加上下行代码

let webpackConfig = require('@vue/cli-service/webpack.config.js')

let webpackConfig = require('@vue/cli-service/webpack.config.js')
module.exports = function(config) {
    config.set({
        frameworks: [
            'mocha',
            'chai'
        ],
        files: [
            'src/test/**/*.spec.js'   //tests目录下，所有.spce.js结尾的测试文件
        ],
        preprocessors: {
            '**/*.spec.js': [
                'webpack',
                'sourcemap'
            ]
        },
        webpack: webpackConfig,
        reporters: ['spec'],
        browsers: ['Chrome']
    })
};

IDE提示'describe'以及'it' is not defined？

.eslintrc.js里面加上mocha:true

module.exports = {
    root: true,
    env: {
        node: true,
        mocha: true
    },
    'extends': [
        'plugin:vue/essential',
        'eslint:recommended'
    ],
    rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
    },
    parserOptions: {
        parser: 'babel-eslint'
    }
}