• Vue安装jquery插件


    安装jquery插件

    1、npm install jquery --save  第一次安装的时候一直提示没有管理员权限:Please try running this command again as root/Administrator.

    2、尝试各种方法包括,在程序中以管理员身份运行cmd,执行命令,在项目下 D:Vuemy-projectVue>npm install jquery --save,依然存在这个问题

    3、最终解决办法是: D:Vuemy-projectVue>cnpm install jquery --save,安装成功

    引入jquery插件

    1、首先在package.json里加入,

    dependencies:{
     "jquery" : "^2.2.3"
    }
    貌似安装完jquery之后,会在文件夹下自动生成这段代码

    然后执行命令 nmp install ,命令的作用是:

    安装项目文件包
    npm install 文件包名(例:jquery,bootstrap)
    PS:所有下载的文件名都在node-models

    2、在webpack.base.conf.js里加入:var webpack = require("../node_modules/webpack"),webpack放在node_modules文件夹下

    3、webpack.base.conf.js文件中,在module.exports的最后加入

    plugins: [
     new webpack.optimize.CommonsChunkPlugin('common.js'),  // 默认会把所有入口节点的公共代码提取出来,生成一个common.js ;只提取main节点和index节点 new webpack.optimize.CommonsChunkPlugin('common.js',['main','index']);通过CommonsChunkPlugin,我们把公共代码专门抽取到一个common.js,这样业务代码只在index.js,main.js,user.js
    new webpack.ProvidePlugin({ //使用ProvidePlugin加载的模块在使用时将不再需要import和require进行引入;用ProvidePlugin进行实例初始化后,jquery就会被自动加载并导入对应的node模块中 jQuery: "jquery", $: "jquery" }) ]
    4、重新执行指令:npm run dev
    5、在main.js 引入,引入方式为:
    import $ from 'jquery'
  • 相关阅读:
    How to clean up BizTalk Message Box
    BizTalk: Database ‘BizTalkMsgBoxDb’ is full
    Install or Uninstall a Windows Service
    Distinguished Fields and Optional Elements
    Stay Hungry, Stay Foolish
    男子英文名大全,来历、释义
    Correlations in BizTalk 2004
    17.域环境解决方案
    18.windows痕迹清理
    Burpsuit手机抓包
  • 原文地址:https://www.cnblogs.com/jqq0820/p/8890616.html
Copyright © 2020-2023  润新知