fix postcss config (vuejs-templates#890)

* Update vue-loader link (vuejs-templates#886) * Merge some small fixes (vuejs-templates#900) * Remove unused fs require from webpack.base.conf.js (vuejs-templates#893) * cleanup some leftover from reverting vuejs-templates#688 * fix postcss config * userPostCSS config
shenron · Nov 8, 2017 · 82aa0d4 · 82aa0d4
1 parent 29cfe78
commit 82aa0d4
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,