小编bit*_*ger的帖子

有条件地从其他地方导入组件(如果不存在)

我想知道,是否可以从“customer”文件夹导入组件,如果那里不存在\xc2\xb4t,则从“core”文件夹导入它。像这样的东西:

\n
import React, {lazy} from 'react'\nconst MyComponent = lazy('customerFolder/myComponent').then(\n    if (!MyComponent) lazy('coreFolder/myComponent')\n)\n
Run Code Online (Sandbox Code Playgroud)\n

我知道,这段代码不能\xc2\xb4t 工作,但我希望你明白这一点。:)\n我怎样才能做到这一点?也许这是一个 webpack 配置?

\n

我正在使用 React 16.13 和 webpack 4.43。

\n

提前致谢。

\n

reactjs

5
推荐指数
1
解决办法
427
查看次数

如何在 Webpack 5 中运行热重载 (HMR)?

我正在尝试使用 webpack v5 运行 HMR,但它不起作用。当我修改并保存文件时,webpack 正确地重新编译了项目,但前端没有更新。

我阅读了这篇文章并按照说明操作:https : //webpack.js.org/guides/hot-module-replacement/

这是我的 webpack 配置:

{
  mode: 'development',
  entry: {
    babelpoly: 'babel-polyfill',
    app: [ './src/index.js', './src/app.js' ]
  },
  plugins: [
    BundleStatsWebpackPlugin { ... },
    DefinePlugin { ... },
    HtmlWebpackPlugin { ... }
  ],
  stats: { ... },
  output: {
    path: '[pathTo]/dist',
    filename: '[name].bundle.js',
    chunkFilename: '[name].bundle.js'
  },
  optimization: {
    splitChunks: { chunks: 'all' },
    runtimeChunk: 'single',
    usedExports: true,
    mergeDuplicateChunks: true
  },
  module: {    
    rules: [
      {
        test: /\.(s[ac]ss)$/i,
        include: path.resolve(ROOT, 'src'),
        use: [ …
Run Code Online (Sandbox Code Playgroud)

javascript webpack

3
推荐指数
1
解决办法
3580
查看次数

标签 统计

javascript ×1

reactjs ×1

webpack ×1