在vue项目中使用Muse-UI按需引入报错

Question

错误描述

---

已经安装了less和less-loader

---

webpack配置

const museUiThemePath = path.join(__dirname, 'node_modules', 'muse-ui', 'src/styles/themes/variables/default.less')

……

{
        test: /muse-ui.src.*?js$/,
        loader: 'babel-loader'
      },
      {
        test: /\.vue$/,
        use: {
          loader: 'vue-loader',
          options: {
            extractCSS: process.env.NODE_ENV === 'production',
            loaders: {
              sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax=1',
              scss: 'vue-style-loader!css-loader!sass-loader',
              less: [
                'vue-style-loader',
                'css-loader',
                {
                  loader: 'less-loader',
                  options: {
                    globalVars: {
                      museUiTheme: `'${museUiThemePath}'`,
                    }
                  }
                }
              ]
            }
          }
        }
      },
      
      ……
      
       resolve: {
    alias: {
      '@': path.join(__dirname, '../src/renderer'),
      'vue$': 'vue/dist/vue.esm.js',
      'muse-components': 'muse-ui/src'
    },
    extensions: ['.js', '.vue', '.json', '.css', '.node']
  },

Answer 1

{
        test: /\.less$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use:['css-loader','less-loader']
        })
      }

还有自己添加一个，webpack不熟悉哈哈

Answer 2

.css 文件loader也要配置啊。

css: 'vue-style-loader!css-loader'