无法通过webpack

时间:2017-01-12 12:31:21

标签: angularjs webpack

我正在使用webpack来捆绑我的angular1 js项目。我试图使用像bootstrap,angular-bootstrap-calendar等库...我已经使用npm安装了库。但我碰巧注意到与库相关的样式表根本没有加载。我正在使用scss加载器来加载我的样式表。我的webpack配置是

var webpack = require('webpack');

module.exports = {
  context: __dirname + '/src',
  entry: {
    app: './app.js',
    vendor: ['angular', 'angular-ui-router', 'angular-bootstrap-calendar']
  },
  devtool: 'source-map',
  output: {
    path: __dirname + '/js',
    filename: 'app.bundle.js'
  },
  module:{
    loaders: [
      {
        test: /\.scss$/,
        loader: "style!css!sass"
      }
      {
        test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/,
        loader: 'url?limit=10000&mimetype=application/font-woff'
      },
      {
        test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
        loader: 'url?limit=10000&mimetype=application/octet-stream'
      },
      {
        test: /\.eot(\?v=\d+\.\d+\.\d+)?$/,
        loader: 'file'
      },
      {
        test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
        loader: 'url?limit=10000&mimetype=image/svg+xml'
      }
    ],
  },
  plugins: [
    new webpack.optimize.CommonsChunkPlugin("vendor", "vendor.bundle.js"),
    new webpack.ProvidePlugin({
      moment: "moment"
    })
  ]
};

我在这里没有任何加载器,或者我是否需要添加更多配置?

0 个答案:

没有答案