Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork1.9k
-
Describe the bugI want override some classes in bootstrap using this settings in my nuxt.config.js file: bootstrapVue:{css:false,// Or `css: false`bvCSS:false// Or `bvCSS: false`} To override I'm using a single custom.scss file that import bootstrap and bootstrap-vue scss files. @import'bootstrap/scss/bootstrap.scss';@import'bootstrap-vue/src/index.scss';// My custom code... Finally I use my custom.scss as Global CSS: /* ** Global CSS */css:['~assets/custom.scss',], All config works perfectly generating a app.css file with all css rules. The problem happen when my page load, because after the app.css the application append some style tags with bootstrap and bootstrap vue css rules. To extract css I use this settings in my nuxt.config.js file: build:{/* ** You can extend webpack config here */plugins:[newMiniCssExtractPlugin({filename:`css/[name].css`}),newCleanWebpackPlugin(),newwebpack.ProvidePlugin({$:'jquery',jQuery:'jquery','window.jQuery':'jquery',Popper:['popper.js','default']}),],extend(config,{ isDev}){if(!isDev){config.module.rules.push({test:/\.scss$/,use:[{loader:MiniCssExtractPlugin.loader,options:{publicPath:'../',},},],});config.module.rules.push({test:/\.scss$/,use:[{loader:"css-loader",},],});config.module.rules.push({test:/\.scss$/,use:[{loader:"sass-loader",},],});}}} Steps to reproduce the bug
Expected behaviorOverride bootstrap rules with my custom scss file. VersionsLibraries:
Environment:
Demo linkHere is my application published in cloudfront: Additional context |
BetaWas this translation helpful?Give feedback.
All reactions
Replies: 1 comment
-
I have the same problems. |
BetaWas this translation helpful?Give feedback.
All reactions
This discussion was converted from issue #6169 on December 23, 2020 23:20.