2
0
mirror of https://github.com/tenrok/vue-meta.git synced 2026-06-19 18:20:34 +03:00

examples: ie compatibility

This commit is contained in:
pimlie
2019-06-10 12:42:12 +02:00
parent 623970d5fb
commit 3213227f6c
8 changed files with 36 additions and 20 deletions
+12 -2
View File
@@ -1,4 +1,14 @@
{
"presets": [["@babel/preset-env", { targets: { node: "current" } }]],
"plugins": ["dynamic-import-node"]
"presets": [
["@babel/preset-env", {
useBuiltIns: 'usage',
corejs: 3,
targets: {
ie: 9
}
}]
],
"plugins": [
"dynamic-import-node"
]
}
+13 -12
View File
@@ -1,17 +1,18 @@
<!DOCTYPE html>
<html data-vue-meta-server-rendered>
<link rel="stylesheet" href="/global.css">
<title data-vue-meta="ssr">App 1 title</title>
<meta data-vue-meta="ssr" name="og:description" content="Hello from app 1">
</html>
<head>
<link rel="stylesheet" href="/global.css">
<title data-vue-meta="ssr">App 1 title</title>
<meta data-vue-meta="ssr" name="og:description" content="Hello from app 1">
</head>
<body>
<a href="/">&larr; Examples index</a>
<div id="app1" data-server-rendered="true"><h1>App 1</h1></div>
<hr />
<div id="app2"></div>
<hr />
<div id="app3"></div>
<script src="/__build__/multiple-apps.js"></script>
<script data-vue-meta="ssr" data-body="true">var appId=1.1</script>
<a href="/">&larr; Examples index</a>
<div id="app1" data-server-rendered="true"><h1>App 1</h1></div>
<hr />
<div id="app2"></div>
<hr />
<div id="app3"></div>
<script src="/__build__/multiple-apps.js"></script>
<script data-vue-meta="ssr" data-body="true">var appId=1.1</script>
</body>
</html>
+4 -3
View File
@@ -27,6 +27,7 @@
"babel-loader": "^8.0.6",
"babel-plugin-dynamic-import-node": "^2.2.0",
"consola": "^2.7.1",
"core-js": "3",
"cross-env": "^5.2.0",
"express": "^4.17.1",
"express-urlrewrite": "^1.2.0",
@@ -34,13 +35,13 @@
"lodash": "^4.17.11",
"vue": "^2.6.10",
"vue-loader": "^15.7.0",
"vue-meta": "^1.6.0",
"vue-meta": "^2.0.1",
"vue-router": "^3.0.6",
"vue-server-renderer": "^2.6.10",
"vue-template-compiler": "^2.6.10",
"vuex": "^3.1.1",
"webpack": "^4.32.2",
"webpack-dev-server": "^3.5.0",
"webpack": "^4.33.0",
"webpack-dev-server": "^3.7.1",
"webpackbar": "^3.2.0"
}
}
+1 -1
View File
@@ -5,7 +5,7 @@ import express from 'express'
import rewrite from 'express-urlrewrite'
import webpack from 'webpack'
import webpackDevMiddleware from 'webpack-dev-middleware'
import WebpackConfig from './webpack.config.babel'
import WebpackConfig from './webpack.config'
const app = express()
+1 -1
View File
@@ -9,7 +9,7 @@ Vue.use(VueMeta, {
let metaUpdated = 'no'
const ChildComponent = {
name: `child-component`,
name: 'child-component',
props: ['page'],
template: `<div>
<h3>You're looking at the <strong>{{ page }}</strong> page</h3>
+1
View File
@@ -1,3 +1,4 @@
import 'core-js/es/promise'
import Vue from 'vue'
import Vuex from 'vuex'
+1
View File
@@ -1,3 +1,4 @@
import 'core-js/es/promise'
import Vue from 'vue'
import Vuex from 'vuex'
@@ -4,6 +4,8 @@ import webpack from 'webpack'
import WebpackBar from 'webpackbar'
import VueLoaderPlugin from 'vue-loader/lib/plugin'
const srcDir = path.join(__dirname, '..', 'src')
export default {
devtool: 'inline-source-map',
mode: 'development',
@@ -32,7 +34,7 @@ export default {
resolve: {
alias: {
'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.