Skip to content

Commit c3ad9e8

Browse files
SteveSandersonMSSteveSandersonMS
committed
Remove Vue template server-side prerendering because of limitations
1 parent 119b274 commit c3ad9e8

File tree

9 files changed

+30
-103
lines changed

9 files changed

+30
-103
lines changed

‎templates/VueSpa/ClientApp/boot-client.ts‎

Lines changed: 0 additions & 10 deletions
This file was deleted.

‎templates/VueSpa/ClientApp/boot-server-bundle.ts‎

Lines changed: 0 additions & 16 deletions
This file was deleted.

‎templates/VueSpa/ClientApp/boot-server.ts‎

Lines changed: 0 additions & 18 deletions
This file was deleted.

‎templates/VueSpa/ClientApp/boot.ts‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
import Vue from 'vue';
2+
import VueRouter from 'vue-router';
3+
Vue.use(VueRouter);
4+
5+
const routes = [
6+
{ path: '/', component: require('./components/home/home.vue.html') },
7+
{ path: '/counter', component: require('./components/counter/counter.vue.html') },
8+
{ path: '/fetchdata', component: require('./components/fetchdata/fetchdata.vue.html') }
9+
];
10+
11+
new Vue({
12+
el: '#app-root',
13+
router: new VueRouter({ mode: 'history', routes: routes }),
14+
render: h => h(require('./components/app/app.vue.html'))
15+
});

‎templates/VueSpa/ClientApp/routes.ts‎

Lines changed: 0 additions & 5 deletions
This file was deleted.

‎templates/VueSpa/Views/Home/Index.cshtml‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,8 @@
22
ViewData["Title"] = "Home Page";
33
}
44

5-
<div asp-prerender-module="ClientApp/dist/main-server">
6-
<div id='app-root'>Loading...</div>
7-
</div>
5+
<div id='app-root'>Loading...</div>
86

97
@section scripts {
10-
<script src="~/dist/main-client.js" asp-append-version="true"></script>
8+
<script src="~/dist/main.js" asp-append-version="true"></script>
119
}

‎templates/VueSpa/package.json‎

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33
"version": "0.0.0",
44
"devDependencies": {
55
"@types/requirejs": "^2.1.28",
6-
"aspnet-prerendering": "^2.0.3",
76
"aspnet-webpack": "^1.0.27",
87
"av-ts": "^0.7.1",
98
"awesome-typescript-loader": "^3.0.0",
@@ -20,11 +19,8 @@
2019
"vue": "^2.2.2",
2120
"vue-loader": "^11.1.4",
2221
"vue-router": "^2.3.0",
23-
"vue-server-renderer": "^2.2.2",
24-
"vue-ssr-webpack-plugin": "^1.0.2",
2522
"vue-template-compiler": "^2.2.2",
2623
"webpack": "^2.2.0",
27-
"webpack-hot-middleware": "^2.12.2",
28-
"webpack-merge": "^4.0.0"
24+
"webpack-hot-middleware": "^2.12.2"
2925
}
3026
}

‎templates/VueSpa/tsconfig.json‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,7 @@
77
"target": "es5",
88
"sourceMap": true,
99
"skipDefaultLibCheck": true,
10-
"types": ["requirejs"],
11-
"lib": ["dom", "es2015"]
10+
"types": ["requirejs"]
1211
},
1312
"exclude": [
1413
"bin",

‎templates/VueSpa/webpack.config.js‎

Lines changed: 11 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -2,22 +2,17 @@ const path = require('path');
22
const webpack = require('webpack');
33
const ExtractTextPlugin = require('extract-text-webpack-plugin');
44
const CheckerPlugin = require('awesome-typescript-loader').CheckerPlugin;
5-
const VueSSRPlugin = require('vue-ssr-webpack-plugin');
6-
const merge = require('webpack-merge');
75
const bundleOutputDir = './wwwroot/dist';
86

97
module.exports = (env) => {
108
const isDevBuild = !(env && env.prod);
119

12-
// Configuration in common to both client-side and server-side bundles
13-
const sharedConfig = {
10+
const bundleOutputDir = './wwwroot/dist';
11+
return [{
1412
stats: { modules: false },
1513
context: __dirname,
1614
resolve: { extensions: [ '.js', '.ts' ] },
17-
output: {
18-
filename: '[name].js',
19-
publicPath: '/dist/'
20-
},
15+
entry: { 'main': './ClientApp/boot.ts' },
2116
module: {
2217
rules: [
2318
{ test: /\.vue\.html$/, include: /ClientApp/, loader: 'vue-loader', options: { loaders: { js: 'awesome-typescript-loader?silent=true' } } },
@@ -26,22 +21,18 @@ module.exports = (env) => {
2621
{ test: /\.(png|jpg|jpeg|gif|svg)$/, use: 'url-loader?limit=25000' }
2722
]
2823
},
24+
output: {
25+
path: path.join(__dirname, bundleOutputDir),
26+
filename: '[name].js',
27+
publicPath: '/dist/'
28+
},
2929
plugins: [
3030
new CheckerPlugin(),
3131
new webpack.DefinePlugin({
3232
'process.env': {
3333
NODE_ENV: JSON.stringify(isDevBuild ? 'development' : 'production')
3434
}
35-
})
36-
]
37-
};
38-
39-
// Configuration for client-side bundle suitable for running in browsers
40-
const clientBundleOutputDir = './wwwroot/dist';
41-
const clientBundleConfig = merge(sharedConfig, {
42-
entry: { 'main-client': './ClientApp/boot-client.ts' },
43-
output: { path: path.join(__dirname, clientBundleOutputDir) },
44-
plugins: [
35+
}),
4536
new webpack.DllReferencePlugin({
4637
context: __dirname,
4738
manifest: require('./wwwroot/dist/vendor-manifest.json')
@@ -50,34 +41,11 @@ module.exports = (env) => {
5041
// Plugins that apply in development builds only
5142
new webpack.SourceMapDevToolPlugin({
5243
filename: '[file].map', // Remove this line if you prefer inline source maps
53-
moduleFilenameTemplate: path.relative(clientBundleOutputDir, '[resourcePath]') // Point sourcemap entries to the original file locations on disk
44+
moduleFilenameTemplate: path.relative(bundleOutputDir, '[resourcePath]') // Point sourcemap entries to the original file locations on disk
5445
})
5546
] : [
5647
// Plugins that apply in production builds only
5748
new webpack.optimize.UglifyJsPlugin()
5849
])
59-
});
60-
61-
// Configuration for server-side (prerendering) bundle suitable for running in Node
62-
const serverBundlesOutput = {
63-
libraryTarget: 'commonjs2',
64-
path: path.join(__dirname, './ClientApp/dist')
65-
};
66-
const serverBundleConfig = merge(sharedConfig, {
67-
resolve: { mainFields: ['main'] },
68-
entry: { 'main': './ClientApp/boot-server-bundle.ts' },
69-
externals: {},
70-
plugins: [new VueSSRPlugin()],
71-
output: serverBundlesOutput,
72-
target: 'node',
73-
devtool: 'inline-source-map'
74-
});
75-
76-
const vueBundleRendererConfig = merge(sharedConfig, {
77-
entry: { 'main-server': './ClientApp/boot-server.ts' },
78-
output: serverBundlesOutput,
79-
target: 'node'
80-
});
81-
82-
return [clientBundleConfig, serverBundleConfig, vueBundleRendererConfig];
50+
}];
8351
};

0 commit comments

Comments
 (0)