webpack + vue-cli搭建的项目 sass样式在build之后 去掉了兼容性的写法

Question

最近刚接触webpack+vue-cli的项目开发，遇到一些问题，vue模版的sass样式代码在build之后去掉了兼容性的前缀。

webpack.config.js 并未做过修改

module: {
        rules: [{
                test: /\.vue$/,
                loader: 'vue-loader',
                options: {
                    loaders: {
                        // Since sass-loader (weirdly) has SCSS as its default parse mode, we map
                        // the "scss" and "sass" values for the lang attribute to the right configs here.
                        // other preprocessors should work out of the box, no loader config like this necessary.
                        'scss': 'vue-style-loader!css-loader!sass-loader',
                        'sass': 'vue-style-loader!css-loader!sass-loader?indentedSyntax'
                    }
                    // other vue-loader options go here
                }
            },
            {
                test: /\.js$/,
                loader: 'babel-loader',
                exclude: /node_modules/
            },
            {
                test: /\.(png|jpg|gif|svg)$/,
                loader: 'file-loader',
                options: {
                    name: '[name].[ext]?[hash]'
                }
            }
        ]
    },

mixin.scss

@mixin borderRadius($radius) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    -ms-border-radius: $radius;
    -o-border-radius: $radius;
    border-radius: $radius;
}

最终build之后的代码里 并没有兼容性的写法，不清楚是需要再引入什么插件还是配置需要修改。

Answer 1

问题解决了吗。 我也遇到这样的问题了

Answer 2

一样的问题，解决了