Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
网页包:CSS应用程序/供应商代码拆分_Css_Webpack - Fatal编程技术网

网页包: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

尽管在网上进行了很多搜索,但我找不到一个允许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 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
  }
}
提前谢谢