javascript - 为什么 lang sass 在 .vue 样式标签中不起作用？

Question

我已经在我的项目中安装了 sass-loader 和 node-sass ，但是当我<style lang="sass">在我的 vue 文件中使用该样式时，样式并没有按照样式在没有lang="sass"属性的情况下可以正常工作。我错过了一些步骤吗？

标签： javascriptvue.js

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,
                        },
                    }
]}