javascript - 需要 Modernizr 和 Webpack

Question

尝试在 grunt 中使用 WebPack 来构建我所有的 javascript、css 和其他东西并将其放在适当的位置。在我的 Gruntfile.js 中的一个模块中包含的一个 javascript 文件中使用 require('modernizer') 时遇到以下问题。错误如下:

Fatal error: EMFILE, too many open files ../about/node_modules/modernizr/node_modules/file/lib/file.js'

当我使用 ulimit 来增加要处理的文件数量时，会出现其他错误。在我的 package.json 中，我有以下内容:

"dependencies": {
"jquery": "^2.1.1",
"jquery-ui": "^1.10.5",
"modernizr": "^2.8.3"    

有没有一种方法可以使用 pack 中的 Modernizer 来包含它的模块，而无需在页面上使用此指令:

 <script type="text/javascript" src="{portal:createUrl('/_public/about/js/modernizr/modernizr.custom.flexbox.js')}"></script>

?

提前致谢!

Answer 1

首先，只是标记您应该调用 require('modernizr')而不是 require('modernizer') .

其次，回答您的问题“有没有一种方法可以使用 pack 中的 Modernizer 来包含它的模块，而无需在页面上使用此指令？

是的。这是 script-loader .它基本上允许您请求一个库，并像在 <script> 中一样执行它。标签。您可以通过调用来使用它:

2017 年 12 月 27 日更新

require('script-loader');
require('script-loader!modernizr');

以前

require('script-loader');
require('script!modernizr');

记得安装script-loader提前调用npm install script-loader --save在你的命令行中。