问题标签 [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.
minify - 我应该缩小 node_modules 还是应该使用为在客户端部署提供的缩小版本?
我最近从 require.js 迁移到 webpack,并且一些 node_module 内置了 .min 文件。当我使用 node_module 中的文件时,我只是这样做require('my-module')
,它会立即加载它而无需任何配置。但这将加载开发版本或更大的版本。
例如 react 已加载require('react/addons')
,但这不是缩小版本。
我的问题是:
- 我应该正常加载模块然后缩小所有内容吗?
- 我应该使用他们提供的 .min 文件,然后再次缩小所有内容吗?(这样我节省了很多磁盘)
- 有更好的办法吗?自动加载缩小文件会很好。
现在,我正在更改 webpack 的别名以在构建应用程序时加载缩小版本:
但这也不是一个好方法......你能想到更好的方法吗?
javascript - 使用 webpack 添加和删除样式表
我对在我的 SPA 中使用 WebPack 很感兴趣(我以前没有使用过),它将有几个页面,每个页面都有自己的 JS、CSS 和 HTML 包。
首先,有没有办法删除没有使用 webpack 使用的样式表?从文档看,似乎没有。例如,假设我有一个#wrapper
div 需要width: auto
为大多数页面设置一个,但width: 100%
对于某个页面需要全屏显示。如果我的模块只是require()
它们的样式表,那么它们都将继续添加到 HTML 中,并且最后一个要加载的模块将控制width
,而我只想加载当前页面的样式表。有没有办法使用 webpack 删除样式表?或者这个问题有更好的解决方案吗?
另外,webpack 有样式表的回调吗?如果我只需要在加载 css 时运行一些代码(我的意思是 onload 回调已经触发,而不仅仅是在将标签添加到 html 时),有没有合适的方法呢?
javascript - 需要带 Webpack 的 Modernizr
尝试在 grunt 中使用 WebPack 来构建我所有的 javascript、css 和其他东西并将其放置在适当的位置。require('modernizer')
在我的 Gruntfile.js 的一个模块中包含的一个 javascript 文件中使用时遇到以下问题 。错误如下:
当我使用ulimit
增加要处理的文件数量时,会出现其他错误。在我的 package.json 我有以下内容:
}
有没有办法使用包中的 Modernizer 来包含它的模块,而无需在页面上使用此指令:
?
提前致谢!
javascript - 如何提高 webpack 的性能?
我最近从 browserify 切换到 webpack,构建时间从 4 秒跃升至 16 秒(2014 MBP)。我知道 webpack 比 browserify 做得更多,但我不应该花那么长时间。我的构建过程相当简单。是否有任何提示或选项可以缩短我的构建时间?
javascript - pdfmake 在带有 webpack 的应用程序中使用
我只是要在 Webpack 中构建一个应用程序并想集成 pdfmake 不幸的是我遇到了这个问题。我的文件“pdfmake.js”在我的“web_modules”文件夹中,并将它们与
当我打电话给:
这样做,他告诉我“CreatePDF”不是一个让我印象深刻的功能,我发现我调用“文件保护程序”而不是“pdfmake”回到这些位置。这发生在你们中的任何人身上吗?谢谢你的帮助!
angularjs - Webpack/Browserify 和 UI-Router
我似乎无法让 Webpack 或 Browserify 与 UI-Router 一起使用。有人可以帮忙吗?
这是我的模块文件:
还有我的路线文件:
javascript - Webpack 和 angularJs
我正在尝试使用 angularjs 和 webpack 运行简单的应用程序,这是我的代码:
index.html
应用程序.js
Webpackconfig.js
main.js
捆绑.js
我也看到了这个:https
://github.com/jeffling/angular-webpack-example
问题是我怎样才能正确运行它?
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 编写所有相关要求的正确方法是什么?
javascript - 如何在没有 webpack 开发服务器的情况下使用 webpack 进行开发?
我目前require.js
用于开发,所以我可以快速迭代(更改文件,刷新页面,中间没有构建步骤),但我webpack
用作构建工具,因为它优于r.js
. 我想完全摆脱 require.js 并在开发中使用 webpack 作为脚本加载器。我知道这正是webpack dev server
它的用途,但我特别不想使用它。
理想情况下,我会在 中包含某种 webpack 加载器<script>
,将其指向我的webpack.js
构建配置,然后让它完成工作。
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但它无法使其工作。