How to integrate cdn of bootstrap using webpack only in production mode

Asked Jan 31 '18 at 13:13

Active Jan 31 '18 at 13:13

Viewed 402 times

Hi i am using htmlwebpackextract plugin.here is my config code

new HtmlWebpackExternalsPlugin(
            {
            externals: [
                {
                    module: 'jquery',
                    entry:'https://unpkg.com/jquery@3.2.1/dist/jquery.min.js',
                    global: 'jQuery'
                },
                {
                    module: 'bootstrap',
                    entry: {
                        path: 'https://unpkg.com/bootstrap@4.0.0/dist/css/bootstrap.min.css',
                        type: 'css'
                    },
                    append: true,
                }
            ],
            enabled:isProd,
            }

        )

It gives some error as cannot read property 'var'of null.In index.js require('bootstrap') is there

asked Jan 31 '18 at 13:13

Pushparaj

1,072
8
29

Post the exact error, not a barely comprehensible paraphrase of it. – underscore_d Jan 31 '18 at 13:18
I am able to execute jquery as cdn link to html file inproduction mode.But when i use same method for bootstrap it is shows error as 'var'of null.In index.js – Pushparaj Jan 31 '18 at 13:22
Hi, have you find the solution? I hit the same problem. – Qiulang Mar 30 '18 at 09:32
Yes.I am using cdn for both production and development mode now. @Qiulang – Pushparaj Mar 30 '18 at 10:13
So how did you fix the webpack error – Qiulang Mar 30 '18 at 10:15
Can you say the error which you got? – Pushparaj Mar 30 '18 at 10:15
Same as yours, "cannot read property 'var'of null.In index.js require('bootstrap') " – Qiulang Mar 30 '18 at 10:44
Removed enabled:isProd from my code it worked for me. – Pushparaj Mar 30 '18 at 11:06
https://github.com/Rajcbe/Webpack-sample-project .see this sample webpack project for more info.It has dev and prod mode setup with srcset loader for 2x 3x image reduction @Qiulang – Pushparaj Mar 30 '18 at 11:22

How to integrate cdn of bootstrap using webpack only in production mode

0 Answers0