关于VueCli3.*中JQuery导入问题，以及导入外部JS、CSS文件问题

1.JQuery导入

首先，控制台进入到项目里面输入命令：npm i jquery   （顺便说一下卸载：npm uninstall 插件名称，如：npm uninstall jquery）

回车后即可安装成功

其次，在main.js中导入

然后，配置.eslintrc.js文件

最后，配置vue.config.js（注意：如果有vue.config.js文件就直接配置，如果没有则新建一个）

const webpack = require('webpack');
module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                $:"jquery",
                jQuery:"jquery",
                "windows.jQuery":"jquery"
            })
        ]
    }
}

 

2.外部JS导入

首先，将你外部的JS放入static文件夹中

其次，在你想用的组件里面引入该JS

最后，有两点注意的是：

第一点，如果你的外部JS使用Jquery写的，那么你在该文件的第一行引入Jquery；

第二点，该文件的所有代码必须放在 $(function () { })中，因为只有等待页面的所有元素渲染完毕后才能有JQ的操作

3.外部CSS导入

和JS导入类似，不过在你想用的组件里面引入该CSS时，位置应该放在<style> 标签中