mirror of
https://github.com/tenrok/vue-meta.git
synced 2026-06-25 15:30:33 +03:00
examples: ie compatibility
This commit is contained in:
+12
-2
@@ -1,4 +1,14 @@
|
|||||||
{
|
{
|
||||||
"presets": [["@babel/preset-env", { targets: { node: "current" } }]],
|
"presets": [
|
||||||
"plugins": ["dynamic-import-node"]
|
["@babel/preset-env", {
|
||||||
|
useBuiltIns: 'usage',
|
||||||
|
corejs: 3,
|
||||||
|
targets: {
|
||||||
|
ie: 9
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
],
|
||||||
|
"plugins": [
|
||||||
|
"dynamic-import-node"
|
||||||
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,9 +1,10 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html data-vue-meta-server-rendered>
|
<html data-vue-meta-server-rendered>
|
||||||
|
<head>
|
||||||
<link rel="stylesheet" href="/global.css">
|
<link rel="stylesheet" href="/global.css">
|
||||||
<title data-vue-meta="ssr">App 1 title</title>
|
<title data-vue-meta="ssr">App 1 title</title>
|
||||||
<meta data-vue-meta="ssr" name="og:description" content="Hello from app 1">
|
<meta data-vue-meta="ssr" name="og:description" content="Hello from app 1">
|
||||||
</html>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<a href="/">← Examples index</a>
|
<a href="/">← Examples index</a>
|
||||||
<div id="app1" data-server-rendered="true"><h1>App 1</h1></div>
|
<div id="app1" data-server-rendered="true"><h1>App 1</h1></div>
|
||||||
|
|||||||
@@ -27,6 +27,7 @@
|
|||||||
"babel-loader": "^8.0.6",
|
"babel-loader": "^8.0.6",
|
||||||
"babel-plugin-dynamic-import-node": "^2.2.0",
|
"babel-plugin-dynamic-import-node": "^2.2.0",
|
||||||
"consola": "^2.7.1",
|
"consola": "^2.7.1",
|
||||||
|
"core-js": "3",
|
||||||
"cross-env": "^5.2.0",
|
"cross-env": "^5.2.0",
|
||||||
"express": "^4.17.1",
|
"express": "^4.17.1",
|
||||||
"express-urlrewrite": "^1.2.0",
|
"express-urlrewrite": "^1.2.0",
|
||||||
@@ -34,13 +35,13 @@
|
|||||||
"lodash": "^4.17.11",
|
"lodash": "^4.17.11",
|
||||||
"vue": "^2.6.10",
|
"vue": "^2.6.10",
|
||||||
"vue-loader": "^15.7.0",
|
"vue-loader": "^15.7.0",
|
||||||
"vue-meta": "^1.6.0",
|
"vue-meta": "^2.0.1",
|
||||||
"vue-router": "^3.0.6",
|
"vue-router": "^3.0.6",
|
||||||
"vue-server-renderer": "^2.6.10",
|
"vue-server-renderer": "^2.6.10",
|
||||||
"vue-template-compiler": "^2.6.10",
|
"vue-template-compiler": "^2.6.10",
|
||||||
"vuex": "^3.1.1",
|
"vuex": "^3.1.1",
|
||||||
"webpack": "^4.32.2",
|
"webpack": "^4.33.0",
|
||||||
"webpack-dev-server": "^3.5.0",
|
"webpack-dev-server": "^3.7.1",
|
||||||
"webpackbar": "^3.2.0"
|
"webpackbar": "^3.2.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+1
-1
@@ -5,7 +5,7 @@ import express from 'express'
|
|||||||
import rewrite from 'express-urlrewrite'
|
import rewrite from 'express-urlrewrite'
|
||||||
import webpack from 'webpack'
|
import webpack from 'webpack'
|
||||||
import webpackDevMiddleware from 'webpack-dev-middleware'
|
import webpackDevMiddleware from 'webpack-dev-middleware'
|
||||||
import WebpackConfig from './webpack.config.babel'
|
import WebpackConfig from './webpack.config'
|
||||||
|
|
||||||
const app = express()
|
const app = express()
|
||||||
|
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ Vue.use(VueMeta, {
|
|||||||
|
|
||||||
let metaUpdated = 'no'
|
let metaUpdated = 'no'
|
||||||
const ChildComponent = {
|
const ChildComponent = {
|
||||||
name: `child-component`,
|
name: 'child-component',
|
||||||
props: ['page'],
|
props: ['page'],
|
||||||
template: `<div>
|
template: `<div>
|
||||||
<h3>You're looking at the <strong>{{ page }}</strong> page</h3>
|
<h3>You're looking at the <strong>{{ page }}</strong> page</h3>
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import 'core-js/es/promise'
|
||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import Vuex from 'vuex'
|
import Vuex from 'vuex'
|
||||||
|
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import 'core-js/es/promise'
|
||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import Vuex from 'vuex'
|
import Vuex from 'vuex'
|
||||||
|
|
||||||
|
|||||||
@@ -4,6 +4,8 @@ import webpack from 'webpack'
|
|||||||
import WebpackBar from 'webpackbar'
|
import WebpackBar from 'webpackbar'
|
||||||
import VueLoaderPlugin from 'vue-loader/lib/plugin'
|
import VueLoaderPlugin from 'vue-loader/lib/plugin'
|
||||||
|
|
||||||
|
const srcDir = path.join(__dirname, '..', 'src')
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
devtool: 'inline-source-map',
|
devtool: 'inline-source-map',
|
||||||
mode: 'development',
|
mode: 'development',
|
||||||
@@ -32,7 +34,7 @@ export default {
|
|||||||
resolve: {
|
resolve: {
|
||||||
alias: {
|
alias: {
|
||||||
'vue': 'vue/dist/vue.js',
|
'vue': 'vue/dist/vue.js',
|
||||||
'vue-meta': process.env.NODE_ENV === 'development' ? path.join(__dirname, '..', 'src') : 'vue-meta'
|
'vue-meta': process.env.NODE_ENV === 'development' ? srcDir : 'vue-meta'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// Expose __dirname to allow automatically setting basename.
|
// Expose __dirname to allow automatically setting basename.
|
||||||
Reference in New Issue
Block a user