网页包:CSS应用程序/供应商代码拆分
尽管在网上进行了很多搜索,但我找不到一个允许CSS包拆分的webpack配置的工作示例(app.CSS和vendor.CSS,就像Ember.js一样)。但是JavaScript没有问题。目前,我已经将Normalize.css作为一个NPM包,我想将其移动到vendor.css,而不是app.css 这是我的档案:网页包:CSS应用程序/供应商代码拆分,css,webpack,Css,Webpack,尽管在网上进行了很多搜索,但我找不到一个允许CSS包拆分的webpack配置的工作示例(app.CSS和vendor.CSS,就像Ember.js一样)。但是JavaScript没有问题。目前,我已经将Normalize.css作为一个NPM包,我想将其移动到vendor.css,而不是app.css 这是我的档案: var webpack = require('webpack'); var autoprefixer = require('autoprefixer'); var ExtractT
var webpack = require('webpack');
var autoprefixer = require('autoprefixer');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
entry: {
html: './app/index.html',
javascript: './app/app.js',
vendor: ['react', 'react-dom']
},
module: {
loaders: [
{ test: /\.html$/, loader: 'file?name=index.html' },
{ test: /\.scss$/, loader: ExtractTextPlugin.extract('style', 'css!sass!postcss') },
{ test: /\.js$/, exclude: /node_modules/, loaders: ['react-hot', 'babel?presets[]=es2015&presets[]=react'] },
{ test: require.resolve('react'), loader: 'expose?React' }
],
},
postcss: [ autoprefixer({ browsers: ['last 2 versions'] }) ],
plugins: [
new ExtractTextPlugin('app.css'),
new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.js')
],
output: {
path: './dist',
filename: 'app.js'
},
devServer: {
port: 8000
}
}
提前谢谢