spinjs - npm Package Compare versions

Comparing version 0.4.17 to 0.4.18

lib/plugins/CssProcessorPlugin.js

 "use strict";
+var __assign = (this && this.__assign) || Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+        s = arguments[i];
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+            t[p] = s[p];
+    }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 var requireModule_1 = require("../requireModule");
+var postCssDefaultConfig = function () {
+    return {
+        plugins: function () { return [
+            requireModule_1.default('autoprefixer')({
+                browsers: ['last 2 versions', 'ie >= 9']
+            })
+        ]; }
+    };
+};
 var CssProcessorPlugin = (function () {
@@ -14,2 +31,3 @@ function CssProcessorPlugin() {
             var postCssLoader_1 = requireModule_1.default.probe('postcss-loader');
+            var useDefaultPostCss_1 = spin.options.useDefaultPostCss || false;
             if (stack.hasAny('server')) {
@@ -22,3 +40,8 @@ createRule = function (ext, ruleList) { return ({
                     ]
-                        .concat(postCssLoader_1 ? { loader: postCssLoader_1, options: { sourceMap: true } } : [])
+                        .concat(postCssLoader_1
+                        ? {
+                            loader: postCssLoader_1,
+                            options: useDefaultPostCss_1 ? __assign({}, postCssDefaultConfig(), { sourceMap: true }) : { sourceMap: true }
+                        }
+                        : [])
                         .concat(ruleList)
@@ -45,7 +68,25 @@ }); };
                             ]
-                                .concat(postCssLoader_1 ? { loader: postCssLoader_1, options: { sourceMap: true } } : [])
+                                .concat(postCssLoader_1
+                                ? {
+                                    loader: postCssLoader_1,
+                                    options: useDefaultPostCss_1
+                                        ? __assign({}, postCssDefaultConfig(), { sourceMap: true }) : { sourceMap: true }
+                                }
+                                : [])
                                 .concat(ruleList)
                             : plugin.extract({
                                 fallback: requireModule_1.default.resolve('style-loader'),
-                                use: [requireModule_1.default.resolve('css-loader'), requireModule_1.default.resolve('postcss-loader')].concat(ruleList ? ruleList.map(function (rule) { return rule.loader; }) : [])
+                                use: [
+                                    {
+                                        loader: requireModule_1.default.resolve('css-loader'),
+                                        options: { importLoaders: postCssLoader_1 ? 1 : 0 }
+                                    }
+                                ]
+                                    .concat(postCssLoader_1
+                                    ? {
+                                        loader: postCssLoader_1,
+                                        options: useDefaultPostCss_1 ? postCssDefaultConfig() : {}
+                                    }
+                                    : [])
+                                    .concat(ruleList ? ruleList.map(function (rule) { return rule.loader; }) : [])
                             })
@@ -52,0 +93,0 @@ };

package.json

 {
   "name": "spinjs",
-  "version": "0.4.17",
+  "version": "0.4.18",
   "scripts": {
@@ -5,0 +5,0 @@ "clean": "rm -rf ./lib",

src/plugins/CssProcessorPlugin.ts

@@ -6,2 +6,12 @@ import { Builder } from '../Builder';
 
+const postCssDefaultConfig = () => {
+  return {
+    plugins: () => [
+      requireModule('autoprefixer')({
+        browsers: ['last 2 versions', 'ie >= 9']
+      })
+    ]
+  };
+};
+
 export default class CssProcessorPlugin implements ConfigPlugin {
@@ -16,2 +26,3 @@ public configure(builder: Builder, spin: Spin) {
       const postCssLoader = requireModule.probe('postcss-loader');
+      const useDefaultPostCss: boolean = spin.options.useDefaultPostCss || false;
       if (stack.hasAny('server')) {
@@ -24,3 +35,10 @@ createRule = (ext, ruleList) => ({
           ]
-            .concat(postCssLoader ? { loader: postCssLoader, options: { sourceMap: true } } : [])
+            .concat(
+              postCssLoader
+                ? {
+                    loader: postCssLoader,
+                    options: useDefaultPostCss ? { ...postCssDefaultConfig(), sourceMap: true } : { sourceMap: true }
+                  }
+                : []
+            )
             .concat(ruleList)
@@ -46,9 +64,30 @@ });
                 ]
-                  .concat(postCssLoader ? { loader: postCssLoader, options: { sourceMap: true } } : [])
+                  .concat(
+                    postCssLoader
+                      ? {
+                          loader: postCssLoader,
+                          options: useDefaultPostCss
+                            ? { ...postCssDefaultConfig(), sourceMap: true }
+                            : { sourceMap: true }
+                        }
+                      : []
+                  )
                   .concat(ruleList)
               : plugin.extract({
                   fallback: requireModule.resolve('style-loader'),
-                  use: [requireModule.resolve('css-loader'), requireModule.resolve('postcss-loader')].concat(
-                    ruleList ? ruleList.map(rule => rule.loader) : []
-                  )
+                  use: [
+                    {
+                      loader: requireModule.resolve('css-loader'),
+                      options: { importLoaders: postCssLoader ? 1 : 0 }
+                    }
+                  ]
+                    .concat(
+                      postCssLoader
+                        ? {
+                            loader: postCssLoader,
+                            options: useDefaultPostCss ? postCssDefaultConfig() : {}
+                          } as any
+                        : []
+                    )
+                    .concat(ruleList ? ruleList.map(rule => rule.loader) : [])
                 })
@@ -55,0 +94,0 @@ };

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

295581

increased by1.19%

Lines of code

4967

increased by1.62%

No dependency changes