Skip to content

Commit 9c2a971

Browse files
committed
Update README.md
1 parent 8b0098d commit 9c2a971

File tree

1 file changed

+28
-28
lines changed

1 file changed

+28
-28
lines changed

docs/markdown/intro/README.md

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -180,34 +180,6 @@ functions will fail to be shared between files.
180180
For information on theming Bootstrap, check out the [Theming](/docs/reference/theming) reference
181181
section.
182182

183-
### Advanced usage
184-
185-
Webpack and Parcel support prepending the `scss` modules with tilde paths (`~`) when importing from
186-
a `scss` file:
187-
188-
```scss
189-
// Webpack example
190-
@import '~bootstrap';
191-
@import '~bootstrap-vue';
192-
```
193-
194-
```scss
195-
// Parcel example
196-
@import '~bootstrap/scss/bootstrap.scss';
197-
@import '~bootstrap-vue/src/index.scss';
198-
```
199-
200-
For more details how to configure asset loading and how modules are resolved, please consult the
201-
module bundlers documentation.
202-
203-
**Notes**:
204-
205-
- Webpack configuration to load CSS files
206-
([official guide](https://webpack.js.org/guides/asset-management/#loading-css))
207-
- Webpack Loader for SASS/SCSS files ([official guide](https://webpack.js.org/loaders/sass-loader/))
208-
- Parcel CSS ([official guide](https://parceljs.org/css.html))
209-
- Parcel SCSS ([official guide](https://parceljs.org/scss.html))
210-
211183
### Aliasing Vue import
212184

213185
BootstrapVue and PortalVue require access to the global `Vue` reference (via
@@ -265,6 +237,34 @@ See the [Vue.js](https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-v
265237
Guide for full details on setting up aliases for [webpack](https://webpack.js.org/),
266238
[rollup.js](https://rollupjs.org/), [Parcel](https://parceljs.org/), etc.
267239

240+
### Advanced module bundle usage
241+
242+
Webpack and Parcel support prepending the `scss` modules with tilde paths (`~`) when importing from
243+
a `scss` file:
244+
245+
```scss
246+
// Webpack example
247+
@import '~bootstrap';
248+
@import '~bootstrap-vue';
249+
```
250+
251+
```scss
252+
// Parcel example
253+
@import '~bootstrap/scss/bootstrap.scss';
254+
@import '~bootstrap-vue/src/index.scss';
255+
```
256+
257+
For more details how to configure asset loading and how modules are resolved, please consult the
258+
module bundlers documentation.
259+
260+
**Notes**:
261+
262+
- Webpack configuration to load CSS files
263+
([official guide](https://webpack.js.org/guides/asset-management/#loading-css))
264+
- Webpack Loader for SASS/SCSS files ([official guide](https://webpack.js.org/loaders/sass-loader/))
265+
- Parcel CSS ([official guide](https://parceljs.org/css.html))
266+
- Parcel SCSS ([official guide](https://parceljs.org/scss.html))
267+
268268
## Tree shaking with module bundlers
269269

270270
When using a module bundler you can optionally import only specific components groups (plugins),

0 commit comments

Comments
 (0)