代码之家 › 专栏 › 技术社区 › tgore

Webpack-如何捆绑/要求文件夹(子文件夹)的所有文件

atom-editor bundle webpack javascript

tgore · 技术社区 · 7 年前

我想看看是否有一种运行Web包包的较短方法,以及为什么我的加载程序不能工作。

这是我的代码:

module.exports = {
context: path.join(__dirname, 'dist'),
entry: ['./ES6bundle.js', './jQuery.js'],
output: {
    filename: 'bundle.js',
    path: path.join(__dirname, 'dist')
}
};
// module: {
//     loaders: [{
//         test: /\.js?$/,
//         exclude: /node_modules/,
//         loader: 'babel-loader',
//         query: {
//             presets: ['env']
//         }
//     }]
// };

模块。导出工作正常,但当我运行加载程序时,会出现错误。

我的另一个问题是关于将多个条目合并到一个文件中。
我正在处理的项目有许多JS文件,我想知道是否有多个条目的快捷方式。与其输入多个条目的文件名,我可以获取同一文件夹中的所有JS文件,还是有一个JS文件来要求所有这些文件?

让我知道这是否有意义。我对编程比较陌生。谢谢

2 回复 | 直到 7 年前

Legends 6 年前

关于你问题的第二部分:

我可以抓取同一文件夹中的所有JS文件,或者让JS文件要求他们全部

您可以有一个条目文件,并在其中执行以下操作:

module.exports = {
    context: path.join(__dirname, 'dist'),
    entry: ['./jQuery.js', './allJsFilesOfFolder.js'],

allJsFilesOfFolder。js公司:

require.context("../scripts/", true, /\.js$/);

这将捆绑内部的所有脚本 scripts 以及所有 subfolders .

您需要安装 @types/webpack-env 拥有 context 在你的手上。

具体说明 false 如果只想捆绑 脚本 文件夹

您可以对其他资源(如图像)执行相同的操作,您只需调整 regex

chengbo 6 年前

复制@图例注释作为此处的答案。

没有使用vue文件的经验,但正如我所说,您不仅可以绑定js文件,还可以绑定图像文件,例如,图像文件的regex是:/。(png | ico | svg | jpg | gif)$/。

推荐文章

bogus · 在NetSuite中找不到保存的捆绑包

7 年前

Joe Scotto · 在上使用fs extra。捆绑文件?

7 年前

khadija.EL · Webpack命令引发错误:找不到模块“Webpack”

7 年前

Jerry · 我可以将Qt GUI进程放在Mac捆绑包下的Resources文件夹中吗

7 年前

tgore · Webpack-如何捆绑/要求文件夹(子文件夹)的所有文件

7 年前

Motta · 执行。如果不立即启动活动,getIntent()捆绑包是否可以正常工作?

7 年前

user7189675 · Yii2未捕获引用错误:$未定义

7 年前

ahmed jallad · 使用bundle或intent将数据从活动传输到片段

7 年前

A.Seddighi · Symfony 4包工作

7 年前

ptmr.io · 忽略自定义可重用捆绑包的Symfony 3路由

7 年前