Question

我已经在开发（本地）服务器上使用sass-loader添加了这些行：

nuxt.config.js

module.exports = {

  mode: 'spa',

  build: {
    analyze: {
      analyzerMode: 'static',
      generateStatsFile: true,
      statsFilename: 'webpack-stats.json',
      openAnalyzer: false
    },
    vendor: [
      'axios',
      'vuetify'
    ],
    extend (config) {
      config.resolve.alias['vue'] = 'vue/dist/vue.common'
      const vueLoader = config.module.rules.find((rule) => rule.loader === 'vue-loader')
      vueLoader.options.loaders.scss = 'vue-style-loader!css-loader!sass-loader?' + JSON.stringify({
        includePaths: [
          path.resolve(__dirname), 'node_modules'
        ]
      })
    }
  }

  ...
}

问题在于生产，我有这个错误：

找不到模块“!! vue-style-loader！css-loader！../../../ node_modules / vue-loader / lib / style-compiler / index？{”vue“：true，” ID “：” 数据-v-7ef06ffa”， “作用域”：真实的， “hasInlineConfig”：真正}青菜装载机{？ “的includepaths”：[ “/应用程序/配置”， “node_modules”]} ../ ？../../ node_modules / VUE装载机/ LIB /选择类型=样式和安培;！索引= 0 ./ index.vue“

_{此问题可在Nuxt.js社区（#c6871）}上找到

Answer 1

好的，我不需要在 nuxt.config.js 上配置此配置，只需安装 sass-loader 和 node-sass 在“依赖”中，而不是在“devDependencies”中。

NuxtJS＆amp; SASS Loader - 在生产中使用sass-loader（SCSS）构建

1 个答案: