问题标签 [webpack-chain]

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 回答
2991 浏览

javascript - 如何使用 webpack-chain 将 appendTsSuffixTo 选项添加到 ts-loader?

简单来说,如何使用 webpack-loader 给插件添加如下选项ts-loader

目前我有这个用于 ts-loader 的设置(顶部是这里的上下文)。底部config.plugin电话是给我带来麻烦的区域。

但这会引发异常:

无法读取未定义的属性“__expression”

webpack -loader 文档没有准确描述添加选项时应该做什么。

我需要做什么才能添加此选项?

0 投票
0 回答
395 浏览

webpack - 使用 WebpackChain 配置带有 glob 的 import scss(gridsome 或 vue-cli)

我有一个网格项目,它使用 webpackchain 来配置 webpack(就像 vue-cli 一样)。我想在我的 scss 文件中安装 scss glob 管理。我使用import-glob-loader 我对 webpack 不是很熟悉,webpackchain 的语法让我有点困惑。

我尝试了类似的东西:

以及我在一些文档中找到的其他一些语法,但没有一个有效......

这里的任何线索都可以帮助我理解,感谢您的帮助!

0 投票
1 回答
717 浏览

webpack - 以 webpack-chain 方式编写 MiniCssExtractPlugin

如何在 webpack-chain 中编写以下内容

如果有一点解释会很棒,我认为这会帮助很多人

0 投票
2 回答
6437 浏览

vue.js - vue.config.js & webpack 4:覆盖规则的“排除”或“包含”

我想覆盖 webpack 规则的排除/包含。该项目是用创建的vue-cli-sevice,因此只有一个vue.config.js. 我可以使用 连接到配置chainWebpack,但我无法编辑规则本身。

的输出vue-cli-service inspect包含我要编辑的规则:

我现在想从我vue.config.js的(注释掉的部分显示我如何在文档中找到它但它不起作用)编辑此配置:

如何添加include或覆盖exclude此规则配置的属性?

0 投票
1 回答
2052 浏览

javascript - 如何使用 Vue-cli 更改规则?

vue-inspect我可以读到这个:

我想将选项更改name'[name].[ext]'删除前缀fonts/

我真的很想知道如何在不删除所有其他选项的情况下更改属性:

似乎一切都在store,但根据webpack-chain手册,

0 投票
1 回答
984 浏览

webpack - 如何使用 webpack-chain 删除插件?

如果我有一个像这样解析的 Webpack 配置:

如何删除DefinePluginusing webpack-chain

0 投票
1 回答
2935 浏览

vue.js - webpack 配置:从 *.js 条目/捆绑文件名中删除哈希

我正在做一个 vue.js 应用程序。

构建后生成一个 js 文件“background.2a548437.js”而不是我想要的“background.js”。

我正在通过“vue.config.js”文件进行 webpack-chain 配置。

为了诊断,我正在读取“$vue inspect”的结果,但是我看不到应该调整哪个参数来从 js 文件中删除哈希。

我确实看到像 'img/[name].[hash:8].[ext]' 这样的模式,但对于 js,它是 'js/[name].js'

您有任何解决方案或线索吗?


背景/原因:

它使用 webpack "^4.0.0" 和 webpack-chain "^6.3.1" 通过 "vue.config.js" 进行配置。

我正在做一个 chrome 插件,它有一个引用“background.js”的静态 manifest.json 文件。

我将深入研究使 webpack 使用正确的“background.[hash].js”文件构建一个 manifest.json 文件,但我认为如果我能找到在文件名中禁用哈希的选项会更容易


// vue.config.js


编辑:$vue 检查的结果。它太长了,所以我链接了一个 pastebin https://pastebin.com/fbRzgfhY

0 投票
1 回答
97 浏览

vue.js - 我可以在构建时选择哪些文件将在 webpack 或 vueloader 中编译吗?

当我用 构建我的 Vue 项目时npm run build,我想选择要(重新)编译到 dist 文件夹中的特定 Vue 文件。我的想法是通过更改 webpack 或 webpack-chain 中的配置以从特定入口点进行编译。我的目标的一个例子是:

假设我有 2 个组件;A.vue 和 B.vue(当然还有 index.html 等默认文件)然后我构建项目,它为我提供了一个 ./dist 文件夹,其中包含所有已编译的内容。然后在我对 B.vue 进行更改(并且最有可能更改配置文件)之后,我只希望将 B.vue 重新编译到 ./dist 文件夹中。我已经使用了动态导入,因此 A.vue 和 B.vue 是不同的包,因此不必更改其他文件。

我可以选择仅编译的特定文件吗?(我知道 dist 文件夹在构建后被清空,但如果可能的话,我会在以后尝试修复)

0 投票
0 回答
29 浏览

vue.js - Vue CLI 插件如何修改 transpileDepencies?

我的 Vue CLI 插件如何告诉 babel CLI 插件必须转译 node_modules 中的某个依赖项?

即使这种蛮力尝试也失败了,尽管理论上所有文件都应该被转译:

但是替换falsetrue确实产生了预期的结果,这意味着没有文件被转译。

我想挑战仅限于js文件,因为vue文件总是由 cli-plugin-babel 转译: https ://github.com/vuejs/vue-cli/blob/master/packages/@vue/cli-plugin-babel/ index.js#L39

0 投票
1 回答
403 浏览

javascript - chainWebpack - 如何设置 InfrastructureLogging

chainWebpackvue.config.js. 我

我想包括infrastructureLogging将日志重定向到的部分,stdout而不是stderr

我如何在使用chainWebpack部分中做到这一点?