notes about css in deps + extraction

Author: yyx990803

build/webpack.client.config.js

@@ -24,6 +24,11 @@ const config = merge(base, {
     new webpack.optimize.CommonsChunkPlugin({
       name: 'vendor',
       minChunks: function (module) {
+        // do not put CSS into the vendor chunk so that it can be extracted
+        // otherwise extract-text-webpack-plugin will be confused
+        if (/\.(css|styl(us)?|less|sass|scss)(\?[^.]+)?$/.test(module.userRequest)) {
+          return false
+        }
        // this assumes your vendor imports exist in the node_modules directory
        return module.context && module.context.indexOf('node_modules') !== -1;
       }

build/webpack.server.config.js

@@ -16,6 +16,8 @@ module.exports = merge(base, {
       'create-api': './create-api-server.js'
     }
   },
+  // note: if a dependency needs to be processed by webpack, e.g. it exports
+  // CSS or raw *.vue files, do not include it in externals!
   externals: Object.keys(require('../package.json').dependencies),
   plugins: [
     new webpack.DefinePlugin({