我有这个webpack.config:

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

在我的main.js中我做了:

require('./style/_variables.scss');

但它返回此错误:

“...加载样式”之后的无效CSS:预期的1个选择器或at-rule,在/var/www/html/site/src/style/_variables.scss中为“var content = requi”(第1行,列1)在/var/www/html/site/node_modules/loader-runner/lib/LoaderRunner.js的runLoaders(/var/www/html/site/node_modules/webpack/lib/NormalModule.js:195:19): 364:11 at /var/www/html/site/node_modules/loader-runner/lib/LoaderRunner.js:30:18 at context.callback(/ var / www / html / site / node_modules / loader-runner / lib / LoaderRunner.js:111:13)在Object的Object.asyncSassJobQueue.push [作为回调](/var/www/html/site/node_modules/sass-loader/lib/loader.js:55:13) . (/ var / www / html / site /node_modules/async/dist/async.js:2244:31)在Object.callback上(/var/www/html/site/node_modules/async/dist/async.js:906: 16)在options.error(/var/www/html/site/node_modules/node-sass/lib/index.js:294:32)

实际上在我的scss文件中我简单地说:

body{
  background: black;
}

我想,获取文件_variable.scss并导入此所有我的scss文件编译并放入一个css文件 .