如何使用webpack 2正确打包loadCSS和cssrelpreload？

Question

我试着用“webpack 2”打包filamentgroup/loadCSS，但是失败了。我想让cssrelpreload.js在浏览器中执行，这样它就可以为不支持rel="preload"的浏览器预加载CSS文件。

我尝试过使用imports-loader和exports-loader来使window.loadCSS可用于cssrelpreload.js，但我无法正确配置它。

我能够使window可用于loadCSS.js，但这无助于正确执行cssrelpreload.js。

我需要如何配置webpack才能正确打包这个包？

Answer 1

尝试以下代码

import { loadCSS } from 'fg-loadcss';
loadCSS( 'style.css' );

Answer 2

这对我很有效：

import cssrelpreload from 'fg-loadcss/src/cssrelpreload.js'; // eslint-disable-line no-unused-vars

我添加了eslint-disable-line，因为我们不使用导入的变量。