You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+10-8Lines changed: 10 additions & 8 deletions
Original file line number
Diff line number
Diff line change
@@ -5,16 +5,17 @@ This repository was built from scratch following the steps described in the orig
5
5
You can get the complete code repo made by Stu Ratcliffe from [[Here]](https://github.com/sturatcliffe/VueDotnetSSR)
6
6
7
7
## Install and run:
8
-
if Webpack is not installed yet:
9
-
10
-
npm install -g webpack
11
-
else
12
-
13
8
dotnet restore
14
9
npm install
15
-
webpack
16
10
dotnet run
17
11
12
+
if you see the following lines, than you are looking great!
13
+
14
+
Now listening on: http://localhost:5000
15
+
Application started. Press Ctrl+C to shut down.
16
+
info: Microsoft.AspNetCore.NodeServices[0]
17
+
webpack built c91dc3e2f186f013c53c in 3212ms
18
+
18
19
## Packages used: *The description may not accurate, just my understanding*
19
20
- vue <- VueJS
20
21
- lodash <- similiar to numpy in Python, utilies library for manipulating array/object.
@@ -26,6 +27,7 @@ else
26
27
- aspnet-prerendering <- enable ASP.NET to trigger Node for SSR
27
28
28
29
- webpack <- pack your JavaScript files into bundles for faster loading, remove duplicate imports, reduce final code size
30
+
- webpack-cli <- since webpack version 4 the command line tool placed in this package instead, install only if you want to pack the JavaScript code manually
29
31
- webpack-merge <- merge webpack config so common configuration attributes can be shared among configurations
30
32
- webpack-hot-middleware <- enable hot reload of code changes
31
33
- aspnet-webpack <- enable ASP.NET to execute webpack on demand during runtime.
@@ -123,9 +125,9 @@ SSR was by far the most difficult part of my VueJS journey, it takes more than h
123
125
124
126
### BootstrapVue:
125
127
Bootstrap is a very popular library for beautiful and simple UI components and styles.
126
-
Using Bootstrap in VueJS application is easy with BootstrapVue:
128
+
Using Bootstrap in VueJS application is easy with BootstrapVue (it seems bootstrap is not required in package.json to use bootstrap-vue, installing bootstrap-vue install bootstrap as well):
127
129
128
-
- Install: `npm i bootstrap-vue bootstrap@4.0.0-beta.2`
130
+
- Install: `npm i bootstrap-vue`
129
131
- Import into app.js: `import BootstrapVue from 'bootstrap-vue'
130
132
- Import the css files: (tricky here, for this repo I need to add the imports at client.js instead of app.js)
0 commit comments