如何使用Webpack进行引导？

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

抛出新错误（“module'”+loader.path+“‘不是加载程序（必须具有normal或pitch函数）”）；

^错误：模块“d:\project\angularcontrols\angularcontrols\node_modules\url\url.js”

不是装载机（必须具有正常或俯仰功能）

不确定哪里出了问题。

Answer 1

Webpack在灵活性和功能方面已经取得了长足的进步。虽然我以前也有过同样的问题，但没有花太多时间来设置一个模块来使用bootstrap和webpack。欢迎访问GitHub Repo中的代码。

希望能帮到别人。