vue-cli3.0引入jQuery, matin.ts入口文件引用

时间:2019-09-07 16:21:36 类型:vue
字号:    

1. npm install jquery --save //安装jquery

2. 一般安装成功后在package.json文件内的dependencies项中会有

     "jquery": "^3.4.1",

3. 打开.eslintrc.js 或tslint.json 文件,找到env ,在里面 添加 jquery:true,默认应该是只有node:true,如果都没有,那就加上env

    "env": {
    "node": true,
    "jquery":true,
  },
4. main.js/main.ts引入

   import $ from 'jquery';

5. 创建vue.config.js 文件

   

const webpack = require('webpack')
module.exports = {
 configureWebpack: {
  plugins: [
     new webpack.ProvidePlugin({
     $:"jquery",
      jQuery:"jquery",
      "windows.jQuery":"jquery"
     })
      ]
     }
}
6. 重新运行项目
   npm run serve