реагировать на горячий загрузчик не перезагружать, если файл less изменяется - PullRequest
0 голосов
/ 27 мая 2020

Ситуация: так что у меня есть файл make, в котором выполняется эта команда @$(BIN)/lessc $(STYLE_DIR)/index.less $(BUILD_DIR)/css/index.min.css перед запуском сервера webpack dev (-@NODE_ENV=local $(BIN)/webpack-dev-server --hot --inline --progress --colors --config webpack.config.js), он компилирует весь мой файл less в папке src / style в index.min. css, часть my index. html файл просматривается здесь <link rel="stylesheet" href="assets/css/index.min.css">

часть webpack.config. js выглядит так

local: {
    debug: true,
    devtool: 'source-map',
    devServer: {
      stats: {
          children: false,
          maxModules: 0,
          chunks: false 
      },
      port: 3001,
      contentBase: "./build",
    },  
    plugins: [
      new webpack.DefinePlugin(env),
      new webpack.HotModuleReplacementPlugin(),
      new HtmlWebpackPlugin({ template: "./index.html" })
    ],
    entry: {
      bundle: [
        path.join(process.cwd(), 'src/main.jsx')
      ]
    },
    module: {
      loaders: loaders.concat([
        {
          test: /\.css$/,
          use: ['style-loader', 'css-loader'],
          exclude: /node_modules\//,
          loaders: [
            'style?sourceMap',
            'css?sourceMap&modules=true&importLoaders=1&localIdentName=rv-[name]__[local]',
            'postcss'
          ]
        }
      ])
    }
  }
}

var shared = {
  cache: true,
  externals: {
    ReactNative: 'react-native',
    React: 'react',
    ReactDOM: 'react-dom'
  },
  output: {
    path: path.join(process.cwd(), '/build'),
    filename: "bundle.js",
    publicPath: '/build/'
  },

Вопрос: Как я могу настроить конфигурацию, когда я изменяю файл less в style / someComponentName.less, сервер разработки webpack будет следить за изменениями и перезагружать браузер с новым index.min. css скомпилирован? на данный момент горячая перезагрузка не производится

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...