vue ssr 引入 jquery

张映 发表于 2019-01-11

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

标签:,

vue前端框架,就不多说了

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

1,安装jquery

# npm install jquery --save-dev

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

const webpack = require('webpack')

plugins: [   //加入以下内容
  new webpack.ProvidePlugin({
    jQuery: "jquery",
    $j: "jquery"
  })
]

3,修改入口文件

import $j from 'jquery'

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

4,看一下效果

vue加载jquery

vue加载jquery



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