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:'./'

即可。

转载于:https://www.cnblogs.com/liuhp/p/9529809.html