Question

我试图包含.scss文件，它总是抛出这个错误：

Expected 'styles' to be an array of string

以前当我使用webpack 1时，一切都运行正常，我尝试了3种不同的方式，但是没有一种方法可以在这里完成：

1. styles: [require('../../../static/v4/angular/scss/main.scss')]
2. styles: [String(require('../../../static/v4/angular/scss/main.scss'))]
1. styles: [require('../../../static/v4/angular/scss/main.scss').toString()]

这是我的装载者：

      {
        test: /\.css$/,
        exclude: helpers.root('src', 'app'),
        loader: ExtractTextPlugin.extract({fallback: 'style-loader', loader: 'css-loader'})
      },
      {
        test: /\.css$/,
        include: helpers.root('src', 'app'),
        use: [{loader: 'raw-loader'}]
      }, { 
        test: /\.scss$/, 
        exclude: /node_modules/, 
        use: [{
                loader: "to-string-loader" // creates style nodes from JS strings
            }, {
                loader: "css-loader" // translates CSS into CommonJS
            }, {
                loader: "sass-loader" // compiles Sass to CSS
            }]
      }, {

Answer 1

尝试使用以下代码加载scss文件。

{
    test: /\.(sass|scss)$/,
    use: [                    
        'raw-loader',
        'sass-loader',
    ]
},

在组件

中导入scss

styleUrls: ['./style.scss'],

Webpack 2：期待的＆＃39;风格＆＃39;成为一个字符串数组

1 个答案: