我有这个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文件 .