Webpack for Bootstrapの使い方は？

Question

私はwebpackを使っていくつかのboostrapと他のCSSファイルをバンドルしています。以下はです。webpack.config.jsファイル var htmlWebPack = require（ 'html-webpack-plugin'）; var ExtractTextPlugin = require（ "extract-text-webpack-plugin"）;

module.exports = { 
    entry: "./app/main.ts", 
    output: { 
     path: __dirname + '/dist', 
     filename: "bundle.js" 
    }, 
    resolve: { 
    extensions: ['.js','.ts'] 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.tsx?$/, 
       loader: 'awesome-typescript-loader' 
      }, 
      { 
     test: /\.css$/, 
     use: ExtractTextPlugin.extract({ 
      fallback: "style-loader", 
      use: "css-loader" 
     }) 
     }, 
     { 
      test: /\.(png|woff|woff2|eot|ttf|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
      loader: 'url-loader' } 
     ] 
    }, 
    plugins: [ 
    new htmlWebPack({ 
     template: './index.html', 

    }), 
     new ExtractTextPlugin("minified-style.css"), 
    ] 

}; 

と私はmain.tsに私のブートストラップフォルダを参照したが、この

require('../Content/bootstrap/bootstrap.min.css'); 
require('../Content/bootstrap/bootstrap-theme.min.css'); 

のようなファイルが、私はWebPACKのを実行すると、私はこの

D:\project\angularControls\angularControls\node_modules\loader-runner\lib\loadLoader.js:35

throw new Error("Module '" + loader.path + "' is not a loader (must have normal or pitch function)");

^ Error: Module 'D:\project\angularControls\angularControls\node_modules\url\url.js'

is not a loader (must have normal or pitch function)

のようなエラーに何かを取得しています何がうまくいかないのか分からない。

Answer 1

Webpackは、柔軟性とパワーの面で長い道のりを歩んできました。私は同じ質問をしていましたが、webpackでブートストラップを使用するようにモジュールを設定するのに時間がかかりませんでした。お気軽にGitHub Repoのコードをご覧ください。

誰かを助けることを願っています。