如果没有`from`选项,PostCSS可能会生成错误的源映射或找不到Browserslist配置

Question

Witout from选项PostCSS可能会生成错误的源映射或找不到Browserslist配置.将其设置为CSS文件路径或undefined以防止此警告

ionic3项目,当我运行时向我ionic corodva bulid ios --prod显示此警告.

离子信息

cli packages: (/usr/local/lib/node_modules)

    @ionic/cli-utils  : 1.19.0
    ionic (Ionic CLI) : 3.19.0

global packages:

    cordova (Cordova CLI) : 7.1.0 

local packages:

    @ionic/app-scripts : 3.1.7
    Cordova Platforms  : android 6.3.0 ios 4.4.0
    Ionic Framework    : ionic-angular 3.9.2

System:

    ios-deploy : 1.9.2 
    Node       : v6.11.3
    npm        : 3.10.10 
    OS         : macOS Sierra
    Xcode      : Xcode 9.2 Build version 9C40b 

Environment Variables:

    ANDROID_HOME : not set

Misc:

    backend : pro

更新:

我试图将我的npm更新到5.5.1并将节点更新到8.6.0,但仍然显示.

Answer 1

最后,这个警告解决了.感谢Suraj Rao

首先 在搜索内找到sass.js文件并添加/node_modules/@ionic/app-scripts/dist/sass.js.var postcssOptionsfrom: undefined,

最后应该是这样的:

var postcssOptions = {
            from: undefined,
            to: path_1.basename(sassConfig.outFile),
            map: autoPrefixerMapOptions
        };

参考:解决方法.

Answer 2

对于直接使用 PostCSS 并遇到此问题的人，请更改您的

postcss( any_plugins ).process( css )

到

postcss( any_plugins ).process( css, { from: undefined } )

可以解决问题。