问题标签 [webpack]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1579 浏览

minify - 我应该缩小 node_modules 还是应该使用为在客户端部署提供的缩小版本?

我最近从 require.js 迁移到 webpack,并且一些 node_module 内置了 .min 文件。当我使用 node_module 中的文件时,我只是这样做require('my-module'),它会立即加载它而无需任何配置。但这将加载开发版本或更大的版本。

例如 react 已加载require('react/addons'),但这不是缩小版本。

我的问题是:

  • 我应该正常加载模块然后缩小所有内容吗?
  • 我应该使用他们提供的 .min 文件,然后再次缩小所有内容吗?(这样我节省了很多磁盘)
  • 有更好的办法吗?自动加载缩小文件会很好。

现在,我正在更改 webpack 的别名以在构建应用程序时加载缩小版本:

但这也不是一个好方法......你能想到更好的方法吗?

0 投票
0 回答
214 浏览

javascript - 使用 webpack 添加和删除样式表

我对在我的 SPA 中使用 WebPack 很感兴趣(我以前没有使用过),它将有几个页面,每个页面都有自己的 JS、CSS 和 HTML 包。

首先,有没有办法删除没有使用 webpack 使用的样式表?从文档看,似乎没有。例如,假设我有一个#wrapperdiv 需要width: auto为大多数页面设置一个,但width: 100%对于某个页面需要全屏显示。如果我的模块只是require()它们的样式表,那么它们都将继续添加到 HTML 中,并且最后一个要加载的模块将控制width,而我只想加载当前页面的样式表。有没有办法使用 webpack 删除样式表?或者这个问题有更好的解决方案吗?

另外,webpack 有样式表的回调吗?如果我只需要在加载 css 时运行一些代码(我的意思是 onload 回调已经触发,而不仅仅是在将标签添加到 html 时),有没有合适的方法呢?

0 投票
1 回答
6140 浏览

javascript - 需要带 Webpack 的 Modernizr

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

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

}

有没有办法使用包中的 Modernizer 来包含它的模块,而无需在页面上使用此指令:

?

提前致谢!

0 投票
3 回答
17772 浏览

javascript - 如何提高 webpack 的性能?

我最近从 browserify 切换到 webpack,构建时间从 4 秒跃升至 16 秒(2014 MBP)。我知道 webpack 比 browserify 做得更多,但我不应该花那么长时间。我的构建过程相当简单。是否有任何提示或选项可以缩短我的构建时间?

0 投票
1 回答
3110 浏览

javascript - pdfmake 在带有 webpack 的应用程序中使用

我只是要在 Webpack 中构建一个应用程序并想集成 pdfmake 不幸的是我遇到了这个问题。我的文件“pdfmake.js”在我的“web_modules”文件夹中,并将它们与

当我打电话给:

这样做,他告诉我“CreatePDF”不是一个让我印象深刻的功能,我发现我调用“文件保护程序”而不是“pdfmake”回到这些位置。这发生在你们中的任何人身上吗?谢谢你的帮助!

0 投票
2 回答
2946 浏览

angularjs - Webpack/Browserify 和 UI-Router

我似乎无法让 Webpack 或 Browserify 与 UI-Router 一起使用。有人可以帮忙吗?

这是我的模块文件:

还有我的路线文件:

0 投票
1 回答
15751 浏览

javascript - Webpack 和 angularJs

我正在尝试使用 angularjs 和 webpack 运行简单的应用程序,这是我的代码:
index.html

应用程序.js

Webpackconfig.js

main.js

捆绑.js

我也看到了这个:https
://github.com/jeffling/angular-webpack-example 问题是我怎样才能正确运行它?

0 投票
11 回答
215745 浏览

javascript - 使用 webpack 解析需要路径

我仍然对如何使用 webpack 解析模块路径感到困惑。现在我写:

但我想写

我在想resolve.alias可能会有所帮助,因为我看到了一个类似的例子 using { xyz: "/some/dir" }as alias then I can require("xyz/file.js")

但是,如果我将别名设置为{ mydir: '/absolute/path/mydir' }require('mydir/myfile.js') 将不起作用。

我感到很愚蠢,因为我已经多次阅读文档并且我觉得我错过了一些东西。避免使用../../etc 编写所有相关要求的正确方法是什么?

0 投票
1 回答
11101 浏览

javascript - 如何在没有 webpack 开发服务器的情况下使用 webpack 进行开发?

我目前require.js用于开发,所以我可以快速迭代(更改文件,刷新页面,中间没有构建步骤),但我webpack用作构建工具,因为它优于r.js. 我想完全摆脱 require.js 并在开发中使用 webpack 作为脚本加载器。我知道这正是webpack dev server它的用途,但我特别不想使用它。

理想情况下,我会在 中包含某种 webpack 加载器<script>,将其指向我的webpack.js构建配置,然后让它完成工作。

0 投票
1 回答
276 浏览

javascript - 将 jstransform 与 webpack 和节点一起使用

我习惯于使用jstransform提供的 ES6 语法来编写我的 React 的 JSX 文件。我喜欢它。

它使用 webpack + jsx-loader为客户端编译- 带有?harmony开关。在节点上,我使用node-jsx模块直接要求 .jsx 文件。

然而,我的“普通”js 脚本仍在使用“旧”的 ES5 语法。我如何在那里使用 jstransform,即在 node.js 和浏览器上使用 ES6 语法?

  • 在节点上: --harmony 开关是作为 jstransform 工作还是应该使用类似于 node-jsx 的插件?
  • 关于 webpack:如何使用 jstransform 进行编译?我尝试使用jstransform-loader但它无法使其工作。