Question

我有这个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 content = requi” 在/var/www/html/site/src/style/_variables.scss(第1行，第1列）在runLoaders上（/var/www/html/site/node_modules/webpack/lib/NormalModule.js:195:19） at /var/www/html/site/node_modules/loader-runner/lib/LoaderRunner.js:364:11 at /var/www/html/site/node_modules/loader-runner/lib/LoaderRunner.js:230:18 在context.callback（/var/www/html/site/node_modules/loader-runner/lib/LoaderRunner.js:111:13）在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） at 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文件。

Webpack Vuejs编译scss错误

0 个答案: