鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 在vue項目中使用Muse-UI按需引入報錯

在vue項目中使用Muse-UI按需引入報錯

錯誤描述

圖片描述

已經(jīng)安裝了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']
  },
回答
編輯回答
糖豆豆

.css 文件loader也要配置啊。

css: 'vue-style-loader!css-loader'
2018年2月23日 09:50
編輯回答
情未了
{
        test: /\.less$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use:['css-loader','less-loader']
        })
      }

還有自己添加一個，webpack不熟悉哈哈

2017年6月9日 21:50