我使用Microsoft模板创建了几个SPA项目。

dotnet new --install Microsoft.AspNetCore.SpaTemplates::*

然后运行：

dotnet new angular

要么

dotnet new aurelia

这两个项目都生成名为webpack.config.vendor.js文件，如下所示(来自angular示例)：

const path = require('path');

const webpack = require('webpack');

const ExtractTextPlugin = require('extract-text-webpack-plugin');

const merge = require('webpack-merge');

module.exports = (env) => {

const extractCSS = new ExtractTextPlugin('vendor.css');

const isDevBuild = !(env && env.prod);

const sharedConfig = {

stats: { modules: false },

resolve: { extensions: [ '.js' ] },

module: {

rules: [

{ test: /\.(png|woff|woff2|eot|ttf|svg)(\?|$)/, use: 'url-loader?limit=100000' }

]

},

entry: {

vendor: [

'@angular/animations',

'@angular/common',

'@angular/compiler',

'@angular/core',

'@angular/forms',

'@angular/http',

'@angular/platform-browser',

'@angular/platform-browser-dynamic',

'@angular/router',

'bootstrap',

'bootstrap/dist/css/bootstrap.css',

'es6-shim',

'es6-promise',

'event-source-polyfill',

'jquery',

'zone.js',

]

},

output: {

publicPath: '/dist/',

filename: '[name].js',

library: '[name]_[hash]'

},

plugins: [

new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }), // Maps these identifiers to the jQuery package (because Bootstrap expects it to be a global variable)

new webpack.ContextReplacementPlugin(/\@angular\b.*\b(bundles|linker)/, path.join(__dirname, './ClientApp')), // Workaround for https://github.com/angular/angular/issues/11580

new webpack.ContextReplacementPlugin(/angular(\\|\/)core(\\|\/)@angular/, path.join(__dirname, './ClientApp')), // Workaround for https://github.com/angular/angular/issues/14898

new webpack.IgnorePlugin(/^vertx$/) // Workaround for https://github.com/stefanpenner/es6-promise/issues/100

]

};

const clientBundleConfig = merge(sharedConfig, {

output: { path: path.join(__dirname, 'wwwroot', 'dist') },

module: {

rules: [

{ test: /\.css(\?|$)/, use: extractCSS.extract({ use: isDevBuild ? 'css-loader' : 'css-loader?minimize' }) }

]

},

plugins: [

extractCSS,

new webpack.DllPlugin({

path: path.join(__dirname, 'wwwroot', 'dist', '[name]-manifest.json'),

name: '[name]_[hash]'

})

].concat(isDevBuild ? [] : [

new webpack.optimize.UglifyJsPlugin()

])

});

const serverBundleConfig = merge(sharedConfig, {

target: 'node',

resolve: { mainFields: ['main'] },

output: {

path: path.join(__dirname, 'ClientApp', 'dist'),

libraryTarget: 'commonjs2',

},

module: {

rules: [ { test: /\.css(\?|$)/, use: ['to-string-loader', isDevBuild ? 'css-loader' : 'css-loader?minimize' ] } ]

},

entry: { vendor: ['aspnet-prerendering'] },

plugins: [

new webpack.DllPlugin({

path: path.join(__dirname, 'ClientApp', 'dist', '[name]-manifest.json'),

name: '[name]_[hash]'

})

]

});

return [clientBundleConfig, serverBundleConfig];

}

现在我想从等式中删除Bootstrap。 我试过从entry-> bootstrap中删除以下行：

'bootstrap',

'bootstrap/dist/css/bootstrap.css',

但bootstrap仍出现在最终的vendor.css中。 我还在慢慢开始使用WebPack(慢慢地)。

从vendor.css输出中删除bootstrap需要做什么？