为什么lang sass无法在vue样式标签中工作？

Question

我已经在项目中安装了sass-loader和node-sass，但是当我在vue文件中使用<style lang="sass">时，如果没有lang="sass"属性，样式就不能很好地适应样式。我有想念一步吗？

Answer 1

实际上，这是一个MiniCssExtractPlugin插件问题，您需要像下面一样设置webpack.conf

module: {
        rules: [
                   ...,
                   {
                        loader: 
                            process.env.NODE_ENV !== 'production'
                                ? 'vue-style-loader'
                                : MiniCssExtractPlugin.loader,
                        options: {
                            hmr: process.env.NODE_ENV === 'development',
                            reloadAll: true,
                        },
                    }
]}