安装jquery插件
1、npm install jquery --save 第一次安装的时候一直提示没有管理员权限:Please try running this command again as root/Administrator.
2、尝试各种方法包括,在程序中以管理员身份运行cmd,执行命令,在项目下 D:\Vue\my-projectVue>npm install jquery --save,依然存在这个问题
3、最终解决办法是: D:\Vue\my-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'