content.js

//var webpack = require("webpack");
var $ = require("jquery");

function exportHtml(){

        $(document).ready(function(){
  	        var css = document.createElement("link");
  	        css.type = "text/css";
  	        css.rel = "stylesheet";
  	        css.href = "./node_modules/bootstrap/dist/css/bootstrap.min.css";
  	        $("head").append(css);

  	        var css2 = document.createElement("link");
  	        css2.type = "text/css";
  	        css2.rel = "stylesheet";
  	        css2.href = "./src/css/style.css";
  	        $("head").append(css2);

            $("body").load("./src/mainContainer.html", function(){
              $(".main_container .row").append("<strong>Success</strong>");



        });



          });

    }

module.exports = exportHtml();

entry.js

// Same as app.js -- The “entry point” is where your application will start, and where webpack will start tracking dependencies between modules. //

//require("!style!css!../css/style.css");
//require("!style!css!bootstrap/dist/css/bootstrap.min.css");





document.write(require("./content.js"));

mainContainer.html

<div class="main_container container-fluid" id="main">
    <div class="row">    


    </div>
</div>

webpack.config.js

var webpack = require("webpack");


module.exports = {

    entry: [
        "./src/js/entry.js"
    ],
    output: {
        filename: 'app.bundle.js',
        path: "./build"
    },
    module: {
        loaders : [
        //    { test: /\.css$/, loader: ["style-loader","css-loader"]},
            { test: /\.(woff2?|svg|jpe?g|png|gif|ico)$/, loader: 'url?limit=10000' },
            { test: /\.(ttf|eot)$/, loader: 'file' }
        //    { test: /!bootstrap.+\.(jsx|js)$/, loader: 'imports?jQuery=jquery,$=jquery,this=>window' }
        ]
    }

/*    plugins: [
        new webpack.ProvidePlugin({
        ...
        })
    ]
*/
};