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

【问题标题】：How to properly package loadCSS and cssrelpreload using webpack 2?如何使用 webpack 2 正确打包 loadCSS 和 cssrelpreload？
【发布时间】：2017-02-05 20:52:38
【问题描述】：

我正在尝试使用 webpack 2 打包 filamentgroup/loadCSS，但我没有这样做。我想在浏览器中执行cssrelpreload.js，以便为不支持rel="preload"的浏览器预加载CSS文件。

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

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

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

【问题讨论】：

标签： javascript webpack webpack-2

【解决方案1】：

试试下面的代码

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

【讨论】：

嘿，谢谢！不幸的是，这不是我的意思。我不需要直接使用loadCSS，我只想包含cssrelpreload.js，这取决于loadCSS.js。

【解决方案2】：

这对我有用：

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

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

【讨论】：