问题标签 [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.
javascript - 如何使用 webpack-chain 将 appendTsSuffixTo 选项添加到 ts-loader?
简单来说,如何使用 webpack-loader 给插件添加如下选项ts-loader
:
目前我有这个用于 ts-loader 的设置(顶部是这里的上下文)。底部config.plugin
电话是给我带来麻烦的区域。
但这会引发异常:
无法读取未定义的属性“__expression”
webpack -loader 文档没有准确描述添加选项时应该做什么。
我需要做什么才能添加此选项?
webpack - 使用 WebpackChain 配置带有 glob 的 import scss(gridsome 或 vue-cli)
我有一个网格项目,它使用 webpackchain 来配置 webpack(就像 vue-cli 一样)。我想在我的 scss 文件中安装 scss glob 管理。我使用import-glob-loader 我对 webpack 不是很熟悉,webpackchain 的语法让我有点困惑。
我尝试了类似的东西:
以及我在一些文档中找到的其他一些语法,但没有一个有效......
这里的任何线索都可以帮助我理解,感谢您的帮助!
webpack - 以 webpack-chain 方式编写 MiniCssExtractPlugin
如何在 webpack-chain 中编写以下内容
如果有一点解释会很棒,我认为这会帮助很多人
vue.js - vue.config.js & webpack 4:覆盖规则的“排除”或“包含”
我想覆盖 webpack 规则的排除/包含。该项目是用创建的vue-cli-sevice
,因此只有一个vue.config.js
. 我可以使用 连接到配置chainWebpack
,但我无法编辑规则本身。
的输出vue-cli-service inspect
包含我要编辑的规则:
我现在想从我vue.config.js
的(注释掉的部分显示我如何在文档中找到它但它不起作用)编辑此配置:
如何添加include
或覆盖exclude
此规则配置的属性?
javascript - 如何使用 Vue-cli 更改规则?
从vue-inspect
我可以读到这个:
我想将选项更改name
为'[name].[ext]'
删除前缀fonts/
。
我真的很想知道如何在不删除所有其他选项的情况下更改属性:
似乎一切都在store
,但根据webpack-chain手册,
webpack - 如何使用 webpack-chain 删除插件?
如果我有一个像这样解析的 Webpack 配置:
如何删除DefinePlugin
using webpack-chain
?
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
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 文件夹在构建后被清空,但如果可能的话,我会在以后尝试修复)
vue.js - Vue CLI 插件如何修改 transpileDepencies?
我的 Vue CLI 插件如何告诉 babel CLI 插件必须转译 node_modules 中的某个依赖项?
即使这种蛮力尝试也失败了,尽管理论上所有文件都应该被转译:
但是替换false
为true
确实产生了预期的结果,这意味着没有文件被转译。
我想挑战仅限于js
文件,因为vue
文件总是由 cli-plugin-babel 转译:
https ://github.com/vuejs/vue-cli/blob/master/packages/@vue/cli-plugin-babel/ index.js#L39
javascript - chainWebpack - 如何设置 InfrastructureLogging
我chainWebpack
在vue.config.js
. 我
我想包括infrastructureLogging
将日志重定向到的部分,stdout
而不是stderr
:
我如何在使用chainWebpack
部分中做到这一点?