如何让scss与反应项目一起工作？

Question

几天来，我一直在尝试使用react-create-app或我自己的webpack配置设置一个反应项目，该配置以某种方式集成了scss。我总是得到一些奇怪的依赖问题wepack（无法找到正确的版本，无论是2.2.1还是1.4.1）。有没有人知道我会怎么做呢？

Answer 1

我就是这样做的

package.json依赖项：

function getData() {
  var arrayOfJSON,allSheets,data,html,ss,template;
  //ss = SpreadsheetApp.openByUrl(url);

  //allSheets = ss.getSheets();
  //arrayOfJSON = [];

  /*allSheets.forEach(function(sheet){
    Logger.log('sheet: ' + sheet)
    json.push(sheet);
  });
  */
  arrayOfJSON = ['one','two','three'];
  return arrayOfJSON;
}

function doGet() {
  var html,template;

  template = HtmlService.createTemplateFromFile("ui");  
  html = template.evaluate();

  return html;
}

（或任何最新版本）

webpack.config.js模块加载器：

"css-loader": "^0.26.1",
"node-sass": "^4.4.0",
"sass-loader": "^4.1.1"

代码内部的

（如果可能的话，根文件）

{ 
    test: /\.scss$/, 
    loader: 'style-loader!css-loader!sass-loader'
}