Mustafa Arikan
Aug 22, 2017 · 1 min read

Actually, there is no bootstrap.scss . On the index.scss file at line ~bootstrap/dist/css/bootstrap.css , tilda symbol (~) does the trick. That symbol allows you to access node_modules folder so you can import the bootstrap. This can be possible with webpack.

On the webpack configuration file, you should have something like this:

resolve: {
extensions: [“.js”, “.jsx”],
modules: [
path.resolve(__dirname, ‘src/scripts’),
path.resolve(__dirname, ‘src/assets’),
path.resolve(__dirname, ‘node_modules’)
],
alias: {
config$: configResolve
}
}

Thanks to the webpack configuration you can access files with tilda symbol (~) to these locations: src/scripts, src/assets and node_modules.

)

Mustafa Arikan

Written by

Front end developer. Github: @arikanmstf