файл конфигурации веб-пакета create-реагировать на приложение - PullRequest
Новая
       7

файл конфигурации веб-пакета create-реагировать на приложение

0 голосов
/ 26 сентября 2019

Я создал новое приложение реакции, используя npx create-react-app, и теперь я хочу интегрировать файл webpack.config.js.Я знаю, что нет необходимости, но это необходимый шаг для назначения.Я перепробовал много уроков и статей, но не могу заставить его работать.Все, что мне нужно, это включить все связанные с CSS загрузчики (sass, css и т. Д.) И babel.

Это мой файл webpack.config.js: 

 const path = require('path');


module.exports = {
  mode: "development",
  entry: path.join(__dirname,'./src/index.js'),
  module: {
    rules: [
        {
            test: /\.(js|jsx)$/,
            exclude: /node_modules/,
            use: {
              loader: "babel-loader"
            }
          },
      {
        test: /\.s[ac]ss$/i,
        use: [
          // Creates `style` nodes from JS strings
          "style-loader",
          // Translates CSS into CommonJS
          "css-loader",
          // Compiles Sass to CSS
          "sass-loader"
        ]
      }
    ]
  },
  resolve: {
    extensions: ["*", ".js", ".jsx"]
  },
  output: {
    path: path.join(__dirname,'public'),
    filename: 'bundle.js'
},
  devServer: {
    contentBase: path.join(__dirname,'public')
  }
};

И я получаю эту ошибку: 

ERROR in ./src/index.js 7:16
Module parse failed: Unexpected token (7:16)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| import * as serviceWorker from './serviceWorker';
| 
> ReactDOM.render(<App />, document.getElementById('root'));
| 
| // If you want your app to work offline and load faster, you can change
...