Vue通过vue-cli脚手架使用JQuery的总结以及生产环境和开发环境publicPath的设置
(1)在使用Vue开发的过程中,难免会遇到使用jquery的情况,这就需要在webpack中进行配置:
首选,安装JQery
npm i jquery --save-dev
其次,分别在开发环境配置文件build/webpack.dev.conf.js和生产环境配置文件build/webpack.prod.conf.js的plugins节点中
增加如下配置:
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
}),
即可在vue组件中直接使用$进行jquery的操作。
(2)在使用vue-cli脚手架的时候,生产环境和开发环境默认的publicPath都是设置为'/',但是生产环境下产生的文件一般都会报错,
很多字体文件或者图片出现找不到,这就需要设置publicPath。在build/webpack.prod.conf.js中将publicPath:'/'设置为publicPath:'./'
即可。