2017-04-24 50 views

回答

1

安装分型为bootstrap-select并确保依赖jquerybootstrapbootstrap-select在你的代码的进口,以防止任何运行时错误:

npm install --save-dev @types/bootstrap-select 
+0

谢谢,如何将@ types/bootstrap-select添加到package.json和webpack.config.vendor.js。 – gary

+0

'npm install'将保存到package.json中。查看配置的[webpack文档](https://webpack.js.org/concepts/configuration/)。通常情况下,如果您在代码中导入文件,webpack会捆绑您的文件。 – Saravana

+0

我已经使用npm命令安装了@ types/bootstrap-select并将其更新为供应商捆绑包,即webpack.config.vendor.js。它没有解决问题 – gary

0
isDevBuild = process.argv.indexOf('--env.prod') < 0; 
var path = require('path'); 
var webpack = require('webpack'); 
var ExtractTextPlugin = require('extract-text-webpack-plugin'); 
var extractCSS = new ExtractTextPlugin('vendor.css'); 

module.exports = { 
    resolve: { 
     extensions: [ '', '.js' ] 
    }, 
    module: { 
     loaders: [ 
      { test: /\.(png|woff|woff2|eot|ttf|svg)(\?|$)/, loader: 'url-loader?limit=100000' }, 
      { test: /\.css(\?|$)/, loader: extractCSS.extract(['css']) } 
     ] 
    }, 
    entry: { 
     vendor: [ 
      '@angular/common', 
      '@angular/compiler', 
      '@angular/core', 
      '@angular/http', 
      '@angular/platform-browser', 
      '@angular/platform-browser-dynamic', 
      '@angular/router', 
      '@angular/platform-server', 
      '@type/bootstrap-select', 
      'angular2-universal', 
      'angular2-universal-polyfills', 
      'bootstrap', 
      'bootstrap/dist/css/bootstrap.css', 
      'bootstrap-select', 
      'bootstrap-select/dist/css/bootstrap-select.css', 
      'es6-shim', 
      'es6-promise', 
      'font-awesome/css/font-awesome.css', 
      'jquery', 
      'jquery-ts', 
      'zone.js', 
     ] 
    }, 
    output: { 
     path: path.join(__dirname, 'wwwroot', 'dist'), 
     filename: '[name].js', 
     library: '[name]_[hash]', 
    }, 
    plugins: [ 
     extractCSS, 
     new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }), // Maps these identifiers to the jQuery package (because Bootstrap expects it to be a global variable) 
     new webpack.optimize.OccurenceOrderPlugin(), 
     new webpack.DllPlugin({ 
      path: path.join(__dirname, 'wwwroot', 'dist', '[name]-manifest.json'), 
      name: '[name]_[hash]' 
     }) 
    ].concat(isDevBuild ? [] : [ 
     new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false } }) 
    ]) 
}; 
相关问题