问题标签 [webpack-3]
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.
typescript - 如何使用 Webpack 3、Typescript 和文件加载器加载 index.html 文件？
我尝试通过和 Webpack 3加载我的index.html文件。file-loader
我的webpack.config.ts样子是这样的：
不幸的是，它不会将我src/index.html的文件加载到dist文件夹中。我究竟做错了什么？如何从文件夹中获取索引文件到src文件dist夹？
reactjs - Webpack 3：css-loader 样式加载器错误
我收到以下错误：
./common/app.css 中的错误 模块解析失败：E:\universal-starter\common\app.css Unexpected token (1:5) 您可能需要适当的加载程序来处理此文件类型。
我的 App.js 文件：
我的 webpack.config：
//为什么这是错误的并导致问题?!?!?!?!
到目前为止，对 Webpack 3 的帮助很少。有什么想法吗？谢谢！！
javascript - “Module {path}\src\app\sales\models\index.ts 没有静态导出”是什么意思，我该如何解决？
我们刚刚将 webpack 3.0.0 添加到我们的 angular 2 项目中。我让它工作了，性能提高了 20-25%，尺寸减少了 50%（ish）。然后我将其重新定位到主分支并开始得到错误。
这个错误实际上是什么意思？我一直无法在网上找到任何有用的东西。修复它的任何提示？
自我提交以来，该\src\app\sales\models\index.ts文件没有更改，仅包含：
在撤消我最初的 rebase 之后，我在我的工作之上重新设置了 main on 分支，然后找到了“破坏”webpack 的提交（谢天谢地git bisect），我正在慢慢地将更改带回去看看我是否可以保持工作。
查看 webpack 源代码，错误被抛出ConcatenatedModule.jsHarmonyImportSpecifierDependencyConcatenatedTemplate
一些探索表明这module.providedExports是一个值为 的布尔值true，因此是错误的；但是，我无法确定设置该值的原因。
错误是什么意思？其他调试技巧？
webpack - 如何在不将它们捆绑在一起的情况下动态导入脚本？
我正在尝试根据某些用户操作动态导入带有 webpack 魔术注释（使用 commons chunk 插件）的脚本。
我试过这个（假设用户的操作会加载'a'脚本）：
它没有用。我得到的只是一个错误：
所以我试过这个：
它起作用了，但不是我想象的那样。我在文件夹中的所有脚本commmons都捆绑到一个大文件 ( 0.js ) 中，并在 promise 中返回。
我的问题是：如何单独加载它们？有没有办法给它们命名？
谢谢
reactjs - 无法在我制作的模块中导入模块
我在 mobx 上做了一个滑块并使用 webpack 3 捆绑它。我使用“externals”从滑块的捆绑包中排除了 mobx。然后我将它作为包发布，创建了一个 mobx-sandbox 并在那里安装了滑块。结果我收到一个错误，因为包无法导入 mobx。但我希望滑块会找到 mobx，因为我在沙盒页面上导入了它。
我也在控制台中收到：
[mobx] 警告：有多个 mobx 实例处于活动状态。这可能会导致意想不到的结果。
我错过了什么？
滑块webpack.config：
滑块的.babelrc
css - Webpack 错误捆绑字体真棒
我的 webpack 构建（v3）有问题，它是从 v1 的迁移，但是它在我app.js页面上的字体真棒文件（css）的导入时中断。这是来自 webpack 的响应：
下面是我的配置文件：
javascript - Webpack 3 - ExtractTextPlugin - localIdentName 不适用于 node_modules 中的组件
我有一个使用 的 Webpack 3 设置ExtractTextPlugin，并且localIdentName不适用于从 生成的 CSS 类node_modules，特别是从react-spinkit包生成的 CSS 类。
我正在使用<Spinner />来自 的组件react-spinkit，它正在生成以下 CSS 类：
您会看到模块导入的类显然没有localIdentName应用散列。
ExtractTextPlugin似乎正在正确生成类名，如我的app.css输出文件中所示：
Webpack 总是让我每次使用它时都了解它是如何工作的。这是我的配置文件：
感谢您提前输入！
javascript - 有没有办法仅在 webpack 开发服务器上添加类似 console.log(var) 的脚本以用于开发目的？
出于开发目的，
有没有办法只在 webpack-dev-server 上添加像 console.log(var) 这样的脚本？
不适用于 webpack -p 模式。
javascript - webpack 3 长期缓存不起作用
我正在尝试使用 webpack v3 来测试长期缓存。当我通过 webpack 构建两次（只是对index.jsx文件进行更改）时，哈希值更改为vendor文件。
webpack.config.js
参考：<a href="https://webpack.js.org/guides/caching/" rel="nofollow noreferrer">缓存
首次构建
js/vendor-a674cd02275fdf4760bd.bundle.js 343 kB 1 [emitted] [big] vendor
第二次构建（只是更新index.jsx）
js/vendor-f8d5fc2097878041c158.bundle.js 343 kB 1 [emitted] [big] vendor
即使我只更新了索引文件，两个哈希值也会发生变化。
帮助
任何人都可以帮我检查这个问题吗？谢谢。
Github 仓库：webpack_long_term_cache_test
webpack - webpack3 jshint-loader 不工作
我正在尝试遵循此说明https://webpack.js.org/loaders/jshint-loader/ 并收到错误消息：
我的配置文件：
错误文字：
配置对象无效。Webpack 已使用与 API 模式不匹配的配置对象进行初始化。- 配置具有未知属性“jshint”。这些属性是有效的：object { amd?, bail?, cache?, context?, dependencies?, devServer?, devtool?, entry, externals?, loader?, module?, name?, node?, output?, performance? , plugins?, profile?, recordsInputPath?, recordsOutputPath?, recordsPath?, resolve?, resolveLoader?, stats?, target?, watch?, watchOptions? } 对于错别字：请更正。对于加载器选项：webpack 2 不再允许配置中的自定义属性。