Webpack и dev-сервер webpack не обслуживают статические файлы - PullRequest
Новая
       15

Webpack и dev-сервер webpack не обслуживают статические файлы

0 голосов
/ 27 апреля 2018

Раньше я мог обслуживать статические файлы во время разработки, но теперь, похоже, больше не могу этого делать, учитывая последние версии webpack и webpack-dev-server 4.6.0 и 3.1.3 .

Если я проверяю свой Chrome Inspector ( Ctrl + Shift + I ) -> Sources и просматриваю вкладку Network и localhost:8080, я вижу только две записи:

  • (индекс)
  • bundle.js

Я должен увидеть там свои файлы изображений, которые я пытаюсь обслуживать, но я не вижу. Это действительно расстраивает, когда я вижу что-то подобное в моей консоли:

Content not from webpack is served from C:\Users\PC-user\WebstormProjects\untitled/assets/

Но на самом деле ничто на самом деле не обслуживается. Это скорее предательство.

В любом случае, это мои файлы:

структура папок

  • активы
  • node_modules
  • ЦСИ
  • package.json
  • пакет-lock.json
  • webpack.config.js

webpack.config.js 

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const webpack = require('webpack');

module.exports = {
  entry: {
    app: './src/index.js'
  },
  devServer: {
    // contentBase: './dist',
    contentBase: __dirname + "/assets/",
    hot: true,
  },
  plugins: [
    new CleanWebpackPlugin(['dist']),
    new HtmlWebpackPlugin({
      title: 'Output Management'
    }),
    new webpack.NamedModulesPlugin(),
    new webpack.HotModuleReplacementPlugin()
  ],
  output: {
    path: __dirname + "/assets/",
    filename: 'bundle.js',
    chunkFilename: '[name].js'
  },
};

1 Ответ

0 голосов
/ 03 июля 2018

У меня тоже были проблемы с этим. Но это помогло. 

devServer: {
        publicPath : '/public'
    }

работал на меня. где публика, где мои статические файлы.

...