2
0
mirror of https://github.com/tenrok/vue-meta.git synced 2026-06-25 16:40:35 +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" } }]], "presets": [
"plugins": ["dynamic-import-node"] ["@babel/preset-env", {
useBuiltIns: 'usage',
corejs: 3,
targets: {
ie: 9
}
}]
],
"plugins": [
"dynamic-import-node"
]
} }
+13 -12
View File
@@ -1,17 +1,18 @@
<!DOCTYPE html> <!DOCTYPE html>
<html data-vue-meta-server-rendered> <html data-vue-meta-server-rendered>
<link rel="stylesheet" href="/global.css"> <head>
<title data-vue-meta="ssr">App 1 title</title> <link rel="stylesheet" href="/global.css">
<meta data-vue-meta="ssr" name="og:description" content="Hello from app 1"> <title data-vue-meta="ssr">App 1 title</title>
</html> <meta data-vue-meta="ssr" name="og:description" content="Hello from app 1">
</head>
<body> <body>
<a href="/">&larr; Examples index</a> <a href="/">&larr; 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>
<hr /> <hr />
<div id="app2"></div> <div id="app2"></div>
<hr /> <hr />
<div id="app3"></div> <div id="app3"></div>
<script src="/__build__/multiple-apps.js"></script> <script src="/__build__/multiple-apps.js"></script>
<script data-vue-meta="ssr" data-body="true">var appId=1.1</script> <script data-vue-meta="ssr" data-body="true">var appId=1.1</script>
</body> </body>
</html> </html>
+4 -3
View File
@@ -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
View File
@@ -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()
+1 -1
View File
@@ -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
View File
@@ -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
View File
@@ -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.