vue-cli使用npm安装jquery第三方库报404解决方案

问题描述：jquery有很多第三方库很好用，但是在vue里面用npm安装时报404错误，于是只好把js库放在项目中，然后手动导入。本案例要在vue-cli中引入的是face-cursor.js。

1. 在Test.vue中导入jquery和jQuery-face-cursor.js插件，如下：

<template>
    <div class="card">
        <h2>More content</h2>
        <p>......</p>
    </div>
</template>
<script>
    import ('../assets/js/jQuery-face-cursor.js');//要引入的第三方插件
    import $ from '../assets/js/jquery.js';//把jquery引入
    export default {
        name: "Test",
        mounted(){
          this.init();
        },
        methods:{
            init(){
                $(".card").faceCursor();
            },

        }
    }

</script>

<style scoped>

    .card {
        background: #fff;
        display: inline-block;
        margin: 4em;
        box-shadow: .5em 0 1.25em #ccc;
        border-radius: .3em;
        overflow: hidden;
        max-width: 20em;
    }
</style>

2. 编辑jquery.js文件

import $ from 'jquery'
window.$ = $
window.jQuery = $
export default $

3. 编辑jQuery-face-cursor.js文件：这是下载下来的插件，需要在里面手动导入jquery并且export出去