zoukankan      html  css  js  c++  java
  • vue 内引入jquery

    1.  npm i jquery -- save

    2. 

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

    这时运行 jq效果可以实现 但eslint会报错 会说$ 没有定义

    或者在组件内直接引入

    import $ from 'jquery'

    3 . 在.eslintrc.js中 env对象中添加

    env: {
        browser: true,
        jquery: true
      },

    这样在开发环境就不会报错了 

    但我发现很多人会在webpack里做以下配置  但目前这些配置我加不加都不会报错  所以并不知道加进来的用处

    4。 在webpack.base.conf.js里加入

    var webpack = require("webpack")
    plugins: [
     new webpack.optimize.CommonsChunkPlugin('common.js'),
     new webpack.ProvidePlugin({
         jQuery: "jquery",
         $: "jquery"
     })
    ]
    alias: {
              'src': path.resolve(__dirname, '../src'),
              'assets': path.resolve(__dirname, '../src/assets'),
              'components': path.resolve(__dirname, '../src/components'),
    
              // webpack 使用 jQuery,如果是自行下载的
              // 'jquery': path.resolve(__dirname, '../src/assets/libs/jquery/jquery.min'),
              // 如果使用NPM安装的jQuery
              'jquery': 'jquery' 
          }

     

  • 相关阅读:
    1351. 统计有序矩阵中的负数
    剑指 Offer 56
    39. 组合总和
    1619. 删除某些元素后的数组均值
    1380. 矩阵中的幸运数
    216. 组合总和 III
    面试题 08.03. 魔术索引
    1518. 换酒问题
    Xcode多进程调试:WKWebView
    Xcode编译WebKit
  • 原文地址:https://www.cnblogs.com/moneyss/p/8658404.html
Copyright © 2011-2022 走看看