Проблема с Webpack Config, пустая страница в браузере - PullRequest
Новая
       9

Проблема с Webpack Config, пустая страница в браузере

0 голосов
/ 11 мая 2018

Я работаю с реактивами и использую веб-пакет. После запуска команды «npm start». Я получаю пустую страницу при запуске http: localhost: 8080 / в браузере. Может кто-нибудь помочь мне решить проблему.

Ниже приведен мой файл webpack.config.js: 

module.exports = {
  entry: [
    './src/index.js'
  ],
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: ['babel-loader'],
      },{
        test: /\.js$/,
        exclude: /node_modules/,
        use: ['babel-loader', 'eslint-loader']
      },{
        test: /\.css$/,
        //include: path.resolve(__dirname, '/src'),
        loaders: ["style-loader","css-loader"]
      },{
          test: /\.(eot|svg|ttf|woff|woff2)$/,
          //loader: 'file?name=public/fonts/[name].[ext]'
          use: [{
              loader: 'file-loader',
              options: {
                  name: '[name].[ext]',
                  outputPath: 'fonts/'
              }
          }]
      },{
        test: /\.(png|jpg|gif)$/,
        use: ['file-loader']
      }

    ]
  },
  resolve: {
    extensions: ['*', '.js', '.jsx']
  },  
  output: {
    path: __dirname + '/dist',
    publicPath: '/',
    filename: 'bundle.js'
  },
  output: {
      path: __dirname + "/public/",
      filename: "bundle.js",
      chunkFilename: '[name].js'
  },  
  devServer: {
    contentBase: __dirname + "/public/",
    port: 8080
  }
};

Моя структура каталогов следующая: 

- node_modules/
- public/
-- images/
-- favicon.ico
-- index.html
-- manifest.json
- src/
-- components/
-- css/
-- data/
-- fonts/
-- images/
-- js/
-- index.js
- .babelrc
- .eslintrc
- .package.json
- test.md
- webpack.config.js

Я работаю с реагией и использую веб-пакет. После запуска команды «npm start». Я получаю пустую страницу при запуске http: localhost: 8080 / в браузере. Может кто-нибудь помочь мне решить проблему?

...