vue ssr 引入 jquery

张映 发表于 2019-01-11

分类目录: nodejs/vue/js/jquery

标签:,

vue前端框架,就不多说了

ssr,最近很热的词,意为 Server Side Rendering(服务端渲染),目的是为了解决单页面应用的 SEO 的问题,对于一般网站影响不大,但是对于论坛类,内容类网站来说是致命的,搜索引擎无法抓取页面相关内容,也就是用户搜不到此网站的相关信息。

1,安装jquery

  1. # npm install jquery --save-dev  

2,修改配置文件,package.json,找到配置的js

  1. const webpack = require('webpack')  
  2.   
  3. plugins: [   //加入以下内容  
  4.   new webpack.ProvidePlugin({  
  5.     jQuery: "jquery",  
  6.     $j"jquery"  
  7.   })  
  8. ]  

3,修改入口文件

  1. import $j from 'jquery'  

关于配置文件和入口文件,我是没有给出文件名的,因为这些都是可以配置的。ssr只需求配置前端入口就行

4,看一下效果

vue加载jquery

vue加载jquery



转载请注明
作者:海底苍鹰
地址:http://blog.51yip.com/jsjquery/2037.html