使用 Vite 忽略来自外部包的 require

Ignore require from external package using Vite

提问人:Bas Slagter 提问时间:6/27/2023 更新时间:6/27/2023 访问量:122

问:

我正在使用 Vite 设置一个新项目。使用基本配置,设置仍然很简单:

export default defineConfig({
  server: {
    port: 3000,
  },
  plugins: [react()],
});

现在,我做了一个(公司)组件库的 npm 安装,它显然有一些 (webpack) 加载器依赖项。现在,当我运行 Vite (npm run dev) 时,我得到:

Could not resolve "!style-loader!css-loader!react-datepicker/dist/react-datepicker.min.css"

    node_modules/<package>/es/Components/Input/DateInput.js:11:8:
      11 │ require('!style-loader!css-loader!react-datepicker/dist/react-datepicker.min.css');
         ╵         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  You can mark the path "!style-loader!css-loader!react-datepicker/dist/react-datepicker.min.css" as
  external to exclude it from the bundle, which will remove this error. You can also surround this
  "require" call with a try/catch block to handle this failure at run-time instead of bundle-time.

我尝试了一些带有“外部”等的 vite/rollup 配置选项,但似乎没有让它工作。我可以完全忽略这个 css 文件,因为我们不使用此 Datepicker 组件。

有什么想法吗?

webpack vite rollup css-loader

评论


答: 暂无答案