@@ -180,34 +180,6 @@ functions will fail to be shared between files.
180
180
For information on theming Bootstrap, check out the [ Theming] ( /docs/reference/theming ) reference
181
181
section.
182
182
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
-
211
183
### Aliasing Vue import
212
184
213
185
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
265
237
Guide for full details on setting up aliases for [ webpack] ( https://webpack.js.org/ ) ,
266
238
[ rollup.js] ( https://rollupjs.org/ ) , [ Parcel] ( https://parceljs.org/ ) , etc.
267
239
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
+
268
268
## Tree shaking with module bundlers
269
269
270
270
When using a module bundler you can optionally import only specific components groups (plugins),
0 commit comments