汇总在外部添加依赖项,但保留css导入

gxwragnw  于 2021-09-13  发布在  Java
关注(0)|答案(0)|浏览(322)

我对汇总外部有问题。我进口 react-datepicker 在我的代码和汇总中,通过外部排除了这一点,这很好。但是由于我也使用“导入”在我的组件中导入了它的css react-datepicker/dist/react-datepicker.css"; 然后,它的整个import语句被删除,我不想这样做,因为该组件会松开它的css。
我的汇总配置是:

{
    input: "src/index.js",
    external: [peerDeps, deps].flat(),
    plugins: [
      json(),
      resolve({
        extensions: [".js", ".jsx", ".json"]
      }),
      commonjs({
        include: /node_modules/
      }),
      babel({
        babelrc: false,
        exclude: /node_modules/,
        babelHelpers: "runtime",
        configFile: require.resolve("./babel.config.js")
      }),
      postcss({
        extensions: [".css"],
        plugins: [
          autoprefixer(),
          packageName === "orion" ? prefixClasses : null,
          url({
            url: "inline",
            maxSize: 10,
            fallback: "copy"
          })
        ],
        minimize: true,
        extract: extractCss ? `${packageName}.min.css` : false,
        modules: false
      }),
      rollupUrl(),
      svgr()
      // minify({
      //   output: {
      //     comments: false
      //   }
      // })
    ]
  }

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题