Skip to content

Commit 84330e1

Browse files
committed
document update
1 parent 61edd5d commit 84330e1

File tree

1 file changed

+10
-8
lines changed

1 file changed

+10
-8
lines changed

README.md

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5,16 +5,17 @@ This repository was built from scratch following the steps described in the orig
55
You can get the complete code repo made by Stu Ratcliffe from [[Here]](https://github.com/sturatcliffe/VueDotnetSSR)
66

77
## Install and run:
8-
if Webpack is not installed yet:
9-
10-
npm install -g webpack
11-
else
12-
138
dotnet restore
149
npm install
15-
webpack
1610
dotnet run
1711

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+
1819
## Packages used: *The description may not accurate, just my understanding*
1920
- vue <- VueJS
2021
- lodash <- similiar to numpy in Python, utilies library for manipulating array/object.
@@ -26,6 +27,7 @@ else
2627
- aspnet-prerendering <- enable ASP.NET to trigger Node for SSR
2728

2829
- 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
2931
- webpack-merge <- merge webpack config so common configuration attributes can be shared among configurations
3032
- webpack-hot-middleware <- enable hot reload of code changes
3133
- 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
123125

124126
### BootstrapVue:
125127
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):
127129

128-
- Install: `npm i bootstrap-vue bootstrap@4.0.0-beta.2`
130+
- Install: `npm i bootstrap-vue`
129131
- Import into app.js: `import BootstrapVue from 'bootstrap-vue'
130132
- Import the css files: (tricky here, for this repo I need to add the imports at client.js instead of app.js)
131133
import 'bootstrap/dist/css/bootstrap.css'

0 commit comments

Comments
 (0)