fix postcss config (#890)

* Update vue-loader link (#886) * Merge some small fixes (#900) * Remove unused fs require from webpack.base.conf.js (#893) * cleanup some leftover from reverting #688 * fix postcss config * userPostCSS config
vuejs-templates · Nov 8, 2017 · 583b6bb · 583b6bb
1 parent 41cb811
commit 583b6bb
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/template/build/utils.js b/template/build/utils.js
@@ -22,9 +22,13 @@ exports.cssLoaders = function (options) {
     }
   }
 
+  var postcssLoader = {
+    loader: 'postcss-loader'
+  }
+
   // generate loader string to be used with extract text plugin
   function generateLoaders (loader, loaderOptions) {
-    const loaders = [cssLoader]
+    const loaders = options.usePostCSS !== false ? [cssLoader, postcssLoader] : [cssLoader]
     if (loader) {
       loaders.push({
         loader: loader + '-loader',

diff --git a/template/build/webpack.dev.conf.js b/template/build/webpack.dev.conf.js
@@ -10,7 +10,7 @@ const portfinder = require('portfinder')
 
 const devWebpackConfig = merge(baseWebpackConfig, {
   module: {
-    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap })
+    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
   },
   // cheap-module-eval-source-map is faster for development
   devtool: '#cheap-module-eval-source-map',

diff --git a/template/build/webpack.prod.conf.js b/template/build/webpack.prod.conf.js
@@ -18,7 +18,8 @@ const webpackConfig = merge(baseWebpackConfig, {
   module: {
     rules: utils.styleLoaders({
       sourceMap: config.build.productionSourceMap,
-      extract: true
+      extract: true,
+      usePostCSS: true
     })
   },
   devtool: config.build.productionSourceMap ? '#source-map' : false,