Javascript Webpack不查找SCS中的更改

我正在尝试将css和js放在一个大main.js中，但现在它正在侦听这些更改。我看不到错误，终端不显示错误对react工作正常。我使用的网页包版本是1.13.1。以下是我的依赖项列表：

“依赖性”：{

}“依赖项”：{

}

我的文件结构是：

• src
  • 应用程序
    • 组成部分
    • 风格
    • app.jsx

这是我的web包文件：

const path = require("path");
const webpack = require("webpack");

module.exports = {
  context: path.resolve("src/app/"),
  entry: "./app.jsx",
  output: {
    path: path.resolve("src/"),
    publicPath: "src/",
    filename: "main.js"
  },
  devServer: {
    contentBase: "./"
  },
  module: {
    preLoaders: [
      {
        test: /(\.jsx$|\.js$)/,
        exclude: /node_modules/,
        loader: "eslint-loader"
      }
    ],
    loaders: [
      {
        test: /(\.jsx$|\.js$)/,
        exclude: /node_modules/,
        loaders: ["babel-loader"]
      }, {
        test: /\.scss$/,
        exclude: /node_modules/,
        loader: "style-loader!css-loader!sass-loader"
      }
    ]
  },
  eslint: {
    configFile: ".eslintrc"
  },
  resolve: {
    extensions: [
      "", ".js", ".jsx"
    ]
  },
  watch: true,
  devtool: "inline-source-map"
};

---

我相信你们已经安装了必要的装载机。如果没有,

npm install --save-dev sass-loader css-loader style-loader

那么

然后在js文件中要求您的scss文件：

require('../sass/mystyle.scss');

---

尝试将.scss添加为可解析的extension@FranzPalngipang我试过了，但没有成功。试试我的答案。告诉我它是否有效。@franzpalingipang我只是忘了在app.jsx中要求。谢谢我忘了要求sass文件，就是它，非常感谢！

npm install --save-dev sass-loader css-loader style-loader

loaders: [
            // ...
            {
                test: /\.scss$/,
                loaders: ['style', 'css', 'sass']
            }
        ]

require('../sass/mystyle.scss');